CSS की filter प्रॉपर्टी किसी एलिमेंट पर विज़ुअल इफेक्ट लगाती है — ब्लर, ब्राइटनेस, कंट्रास्ट और रंग समायोजन जो इमेज, बैकग्राउंड और वीडियो पर भी काम करते हैं। इमेज एडिटर के विपरीत, फ़िल्टर ब्राउज़र में चलते हैं, इसलिए किसी भी रिज़ॉल्यूशन पर स्पष्ट रहते हैं और ट्रांज़िशन के साथ स्मूद एनिमेट हो सकते हैं।
एक चेन में कई फ़िल्टर फ़ंक्शन जोड़ने के लिए स्लाइडर खींचें। सैंपल सीन रीयल-टाइम में अपडेट होता है, और जनरेटेड कोड सब कुछ एक filter डिक्लेरेशन में जोड़कर स्टाइलशीट के लिए तैयार करता है।
Frequently Asked Questions
Q: CSS फ़िल्टर फ़ंक्शन कौन-कौन से हैं?
CSS फ़िल्टर फ़ंक्शन कौन-कौन से हैं? blur(), brightness(), contrast(), grayscale(), hue-rotate(), invert(), opacity(), saturate(), sepia() और drop-shadow()। एक filter प्रॉपर्टी में कितने भी जोड़ सकते हैं।
Q: क्या CSS फ़िल्टर GPU-त्वरित है?
क्या CSS फ़िल्टर GPU-त्वरित है? हाँ। ज़्यादातर फ़िल्टर फ़ंक्शन GPU पर चलते हैं और 60fps पर एनिमेट होते हैं। blur() और drop-shadow() सबसे भारी हैं; बड़े एलिमेंट्स पर संयम से उपयोग करें।
Q: क्या filter लेआउट को प्रभावित करता है?
क्या filter लेआउट को प्रभावित करता है? नहीं। फ़िल्टर पूरी तरह विज़ुअल हैं — एलिमेंट डॉक्यूमेंट फ्लो में अपना मूल आकार और स्थिति बनाए रखता है। आकार बदलने के लिए transform उपयोग करें।
Q: क्या फ़िल्टर एनिमेट कर सकते हैं?
क्या फ़िल्टर एनिमेट कर सकते हैं? हाँ। filter प्रॉपर्टी को transition या keyframes से एनिमेट करें। समान लंबाई की अलग फ़िल्टर चेन के बीच स्मूद इंटरपोलेशन होता है।
Q: इमेज को ग्रेस्केल करके होवर पर रंगीन कैसे करें?
इमेज को ग्रेस्केल करके होवर पर रंगीन कैसे करें? दो अवस्थाएँ: img { filter: grayscale(100%); transition: filter .4s; } और img:hover { filter: grayscale(0); }। क्लासिक पोर्टफोलियो पैटर्न।
भारतीय रंग
केसरिया से लेकर नील तक, भारतीय रंग त्योहारों, वस्त्रों और प्रकृति से जन्मे हैं। होली के गुलाल, मेंहदी की हरियाली और मंदिरों का सिंदूरी — हर रंग की एक कहानी है।
केसरिया #FF9933तिरंगे का केसरिया — साहस और बलिदान का प्रतीक
हरा #138808तिरंगे का हरा — उर्वरता और समृद्धि
अशोक चक्र नीला #000080तिरंगे के केंद्र में धर्म चक्र का नीला
गुलाबी #FF007Fजयपुर का गुलाबी शहर और राजस्थानी पगड़ियाँ
हल्दी #E3A857हल्दी का पीला — शुभता और विवाह का रंग
गेरू #CC7722साधुओं के वस्त्र और मंदिरों का मिट्टी रंग
नील #4B0082प्राचीन भारत का नील रंग — नील की खेती से
सिंदूरी #E34234सिंदूर का लाल — सुहाग और शक्ति का प्रतीक
गेंदा #FFA500गेंदे के फूलों का नारंगी — पूजा और त्योहार
मेहंदी #6B8E23मेहंदी की हरियाली — शादी और तीज का रंग
Q: केसरिया रंग क्या है?
केसरिया रंग क्या है? केसरिया (#FF9933) भारत के राष्ट्रीय ध्वज का सबसे ऊपरी रंग है, जो साहस और बलिदान का प्रतीक है। यह केसर (saffron) से बना रंग है जो साधुओं के वस्त्रों में भी दिखता है।
Q: होली के रंग क्या हैं?
होली के रंग क्या हैं? होली में गुलाल के गुलाबी (#FF007F), पीला (#FFD700) और हरा (#138808) प्रमुख हैं। ये रंग वसंत, प्रेम और नई फसल के उत्सव का प्रतीक हैं।