सीएसएस फिल्टर क्या हैं?

सीएसएस फ़िल्टर आपको किसी तत्व में धुंधलापन या रंग स्थानांतरण जैसे ग्राफिकल प्रभाव लागू करने की अनुमति देते हैं। वे आमतौर पर छवियों, पृष्ठभूमि और सीमाओं के लिए उपयोग किए जाते हैं।

फ़िल्टर का उपयोग दृश्य प्रभाव बनाने, छवियों को बढ़ाने या बाहरी छवि संपादन टूल की आवश्यकता के बिना अद्वितीय डिज़ाइन तत्व बनाने के लिए किया जा सकता है।

समर्थित सीएसएस फ़िल्टर गुण

• blur()- तत्व पर गाऊसी धुंधलापन लागू करता है।
• brightness()- तत्व की चमक को समायोजित करता है।
• contrast()- तत्व के विपरीत समायोजित करता है।
• grayscale()- तत्व को ग्रेस्केल में परिवर्तित करता है।
• hue-rotate()- तत्व के लिए एक ह्यू रोटेशन लागू करता है।
• invert()- तत्व के रंगों को उलट देता है।
• opacity()- तत्व की अस्पष्टता को समायोजित करता है।
• saturate()- तत्व को संतृप्त या असंतृप्त करता है।
• sepia()- तत्व को सीपिया में परिवर्तित करता है।

फ़िल्टर कैसे लागू करें

इस उपकरण द्वारा उत्पन्न CSS कोड का उपयोग करके, आप किसी भी HTML तत्व पर फ़िल्टर लागू कर सकते हैं। यहां बताया गया है कि कैसे:

.filtered-image { filter: blur(5px) brightness(110%) contrast(120%); }

filter: blur(2px) brightness(110%) contrast(120%) saturate(150%);

ब्राउज़र संगतता

सीएसएस फिल्टर आधुनिक ब्राउज़रों में व्यापक रूप से समर्थित हैं, जिनमें क्रोम, फ़ायरफ़ॉक्स, सफारी, एज और ओपेरा शामिल हैं। हालाँकि, इंटरनेट एक्सप्लोरर जैसे पुराने ब्राउज़र उनका समर्थन नहीं करते हैं।