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

यह कैसे काम करता है

CSS प्रॉपर्टी filter मूल इमेज को बदले बिना ब्राउज़र में सीधे ग्राफ़िक इफ़ेक्ट (ब्लर, ब्राइटनेस, कंट्रास्ट...) लगाती है। यह टूल आपको लाइव प्रीव्यू पर एक साथ कई इफ़ेक्ट मिलाने देता है, फिर आपकी स्टाइलशीट में, किसी इमेज, गैलरी थंबनेल या हॉवर इफ़ेक्ट पर चिपकाने के लिए ठीक वही मान देता है।

क्या CSS फ़िल्टर मूल इमेज फ़ाइल को बदलता है?

नहीं। filter एक विशुद्ध विज़ुअल इफ़ेक्ट है जो ब्राउज़र द्वारा एलिमेंट के रेंडर पर लगाया जाता है: इमेज फ़ाइल डिस्क पर जस की तस रहती है। इमेज को स्थायी रूप से बदला हुआ पाने के लिए उसे canvas पर दोबारा बनाकर एक्सपोर्ट करना होगा।

क्या हॉवर पर CSS फ़िल्टर को एनिमेट किया जा सकता है?

हाँ, प्रॉपर्टी को :hover नियम और filter पर transition के साथ जोड़ने से इफ़ेक्ट धीरे-धीरे एक स्थिति से दूसरी में बदलता है, जो पोर्टफ़ोलियो थंबनेल या प्रोडक्ट कार्ड के लिए आम तरीका है।

कोई इमेज या डेटा किसी सर्वर पर नहीं भेजा जाता: फ़िल्टर की गणना केवल आपके ब्राउज़र में चलती है।