तत्वों में छाया प्रभाव जोड़ने के लिए बॉक्स-छाया गुण का उपयोग करें।
छाया प्रभाव जोड़ने के लिए निम्नलिखित एक उदाहरण है -
<html>
<head>
<style>
div {
width: 300px;
height: 100px;
padding: 15px;
background-color: red;
box-shadow: 10px 10px;
}
</style>
</head>
<body>
<div>This is a div element with a box-shadow</div>
</body>
</html>
सीएसएस के साथ छवियों में दृश्य प्रभाव कैसे जोड़ें?
CSS के साथ छवियों में दृश्य प्रभाव जोड़ने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img{ margin: 20px; } img.normal{ margin-l
फ्लेक्सबॉक्स के साथ एडवांस सीएसएस लेआउट
CSS3 एक लेआउट मोड फ्लेक्सिबल बॉक्स प्रदान करता है, जिसे आमतौर पर फ्लेक्सबॉक्स कहा जाता है। फ्लेक्सबॉक्स (लचीला बॉक्स) CSS3 का एक लेआउट मोड है। इस मोड का उपयोग करके, आप जटिल एप्लिकेशन और वेब पेजों के लिए आसानी से लेआउट बना सकते हैं। इसमें कंटेनर, फ्लेक्स आइटम आदि शामिल हैं। कंटेनर में निम्नलिखित गुण
शुद्ध सीएसएस के साथ आसान स्क्रॉलिंग
CSS स्क्रॉल-व्यवहार गुण हमें स्क्रॉल के व्यवहार को बदलने की अनुमति देता है। उदाहरण निम्नलिखित उदाहरण CSS स्क्रॉल-व्यवहार गुण को दर्शाते हैं। <!DOCTYPE html> <html> <head> <style> html { line-height: 200px; margin: 30px; text-align: cent