Instagram- स्टाइल फिल्टर के लिए मुफ्त सीएसएस कोड जनरेटर
आपकी साइट पर छवि फ़िल्टर जोड़ना कितना अच्छा होगा? सालों पहले इसके लिए जावास्क्रिप्ट की आवश्यकता होती है लेकिन आजकल आप अच्छे पुराने HTML और CSS के साथ कस्टम इमेज फिल्टर बना सकते हैं.
और cssFilters webapp के साथ आपको सीएसएस कोड भी नहीं लिखना है!
यह मुफ्त टूल आपको CSS3 फ़िल्टर का उपयोग करके कस्टम छवि फ़िल्टर बनाने में मदद करता है। आप सीएसएस फिल्टर संपत्ति को विस्तार से कवर करने वाले कई गाइड पा सकते हैं। लेकिन cssFilters के साथ आपको यह चिंता करने की ज़रूरत नहीं होगी कि यह कैसे काम करता है, आप बस अपनी सेटिंग्स को कस्टमाइज़ करें और कोड को कॉपी करें.
स्क्रीन के शीर्ष पर आपको कस्टम इंस्टाग्राम फिल्टर से भरा एक लंबा बार दिखाई देगा। इन फिल्टर में हडसन, टोस्टर, इंकवेल, लोफी और कई अन्य जैसे लोकप्रिय विकल्प शामिल हैं.
आप बस जिसे चाहे फ़िल्टर पर क्लिक करें और फिर क्लिक करें “सीएसएस कोड” ऊपरी-दाएं कोने में टैब। वहां से आपको HTML और CSS दोनों कोड मिलेंगे। बस अपनी वेबसाइट में कॉपी / पेस्ट करें और आप जाने के लिए अच्छे हैं.
लेकिन आप इन फ़िल्टर को सेटिंग स्लाइडर्स के साथ कस्टमाइज़ भी कर सकते हैं। के नीचे “जनक” टैब आप संतृप्ति और कंट्रास्ट के साथ-साथ ब्लर, ग्रेस्केल, सीपिया और यहां तक कि ओवरले स्टाइल जैसी रेखीय ढाल या रेडियल ग्रेडिएंट जैसी सेटिंग्स बदल सकते हैं.
हर बार जब आप एक स्लाइडर को स्थानांतरित करते हैं तो यह कोड को ऑटो-अपडेट कर देता है ताकि आपको कुछ भी बचाने की आवश्यकता न हो.
और आप अपने कंप्यूटर से एक अपलोड करके या Unsplash में से किसी एक को चुनकर डिफ़ॉल्ट छवि को स्वैप भी कर सकते हैं.
यह वेबप इंद्रिश घोष द्वारा बनाया गया था और यह सीएसएसग्राम पुस्तकालय में पाए जाने वाले कई डिफ़ॉल्ट वर्गों को चलाता है.
लेकिन कस्टम सेटिंग्स बुनियादी प्रीसेट से बहुत आगे जाती हैं, और फ्री कोड जेनरेशन इसे कोडर्स और नॉन-कोडर्स के लिए एक समान उपकरण बनाती है। हमारे पास बैकग्राउंड ग्रेडिएंट और टेक्स्ट शैडो जैसे गुणों के लिए पहले से ही कई CSS3 जनरेटर हैं। और अब हमारे पास प्रीमियर CSS3 छवि फ़िल्टर जनरेटर के रूप में cssFilters है.
