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

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

हर स्लाइडर सीधे एक CSS filter फ़ंक्शन से जुड़ा है (blur(), brightness(), contrast(), saturate(), grayscale(), sepia(), hue-rotate(), invert()). जो फ़ंक्शन अपनी न्यूट्रल वैल्यू पर रहते हैं उन्हें आउटपुट से हटा दिया जाता है ताकि कॉपी की गई CSS कम से कम रहे, और बाक़ी बचे फ़ंक्शन को स्पेस से जोड़ा जाता है, क्योंकि CSS चेन किए गए फ़िल्टर फ़ंक्शन को उसी क्रम में लागू करता है जिस क्रम में वे लिखे गए हैं. यही सटीक स्ट्रिंग प्रीव्यू इमेज की अपनी filter स्टाइल पर सेट होती है, यानी आप जो देख रहे हैं वह असली इफ़ेक्ट है, कोई सिमुलेशन नहीं.

आपकी इमेज एक लोकल ऑब्जेक्ट URL के तौर पर लोड होती है और कभी ब्राउज़र टैब से बाहर नहीं जाती; इसमें कोई अपलोड स्टेप नहीं है.