Question 1

CSS फ़िल्टर फ़ंक्शन कौन-कौन से हैं?

Accepted Answer

CSS फ़िल्टर फ़ंक्शन कौन-कौन से हैं? blur(), brightness(), contrast(), grayscale(), hue-rotate(), invert(), opacity(), saturate(), sepia() और drop-shadow()। एक filter प्रॉपर्टी में कितने भी जोड़ सकते हैं।

Question 2

क्या CSS फ़िल्टर GPU-त्वरित है?

Accepted Answer

क्या CSS फ़िल्टर GPU-त्वरित है? हाँ। ज़्यादातर फ़िल्टर फ़ंक्शन GPU पर चलते हैं और 60fps पर एनिमेट होते हैं। blur() और drop-shadow() सबसे भारी हैं; बड़े एलिमेंट्स पर संयम से उपयोग करें।

Question 3

क्या filter लेआउट को प्रभावित करता है?

Accepted Answer

क्या filter लेआउट को प्रभावित करता है? नहीं। फ़िल्टर पूरी तरह विज़ुअल हैं — एलिमेंट डॉक्यूमेंट फ्लो में अपना मूल आकार और स्थिति बनाए रखता है। आकार बदलने के लिए transform उपयोग करें।

Question 4

क्या फ़िल्टर एनिमेट कर सकते हैं?

Accepted Answer

क्या फ़िल्टर एनिमेट कर सकते हैं? हाँ। filter प्रॉपर्टी को transition या keyframes से एनिमेट करें। समान लंबाई की अलग फ़िल्टर चेन के बीच स्मूद इंटरपोलेशन होता है।

Question 5

इमेज को ग्रेस्केल करके होवर पर रंगीन कैसे करें?

Accepted Answer

इमेज को ग्रेस्केल करके होवर पर रंगीन कैसे करें? दो अवस्थाएँ: img { filter: grayscale(100%); transition: filter .4s; } और img:hover { filter: grayscale(0); }। क्लासिक पोर्टफोलियो पैटर्न।

CSS फ़िल्टर जेनरेटर

🎞️ CSS फ़िल्टर जेनरेटर

CSS फ़िल्टर गाइड

Pro Tips

Frequently Asked Questions

भारतीय रंग