CSS के फ़िल्टर गुण के लिए ग्रेस्केल मान निर्दिष्ट करके हम एक श्वेत-श्याम छवि बना सकते हैं। फ़िल्टर गुण का उपयोग छवियों पर धुंधलापन, ड्रॉप-शैडो जैसे विशेष प्रभावों को लागू करने के लिए किया जा सकता है।
CSS फ़िल्टर प्रॉपर्टी का सिंटैक्स इस प्रकार है -
<पूर्व>चयनकर्ता {फ़िल्टर:ग्रेस्केल(100%); -वेबकिट-फ़िल्टर:ग्रेस्केल(100%);}निम्नलिखित उदाहरण CSS फ़िल्टर गुण को दर्शाते हैं।
यह निम्न आउटपुट देता है
यह निम्न आउटपुट देता है
CSS के साथ एक धुंधली पृष्ठभूमि छवि बनाने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body, html { height: 100vh; margin: 0; &
CSS के साथ एक स्टिकी इमेज बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img { position: sticky; top: 0; width:
हम CSS क्लिप-पथ प्रॉपर्टी का उपयोग करके एक त्रिभुज बना सकते हैं। सिंटैक्स CSS क्लिप-पथ प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता { क्लिप-पथ:/*मान*/} उदाहरण निम्नलिखित उदाहरण CSS क्लिप-पथ गुण को दर्शाते हैं। div { पैडिंग:10%; सीमा-त्रिज्या:2%; चौड़ाई:10%; बॉक्स-छाया:इनसेट 0 0 80px वायलेट; क्
