Philter.js - सीएसएस फिल्टर का उपयोग कर नि शुल्क छवि परिवर्तन लाइब्रेरी

इंस्टाग्राम व्यापक रूप से सबसे लोकप्रिय फोटो नेटवर्क के रूप में जाना जाता है। यह प्रति दिन 52 मिलियन से अधिक तस्वीरें और उनमें से कई को संभालता है फ़िल्टर शामिल करें कि मक्खी पर छवियों को बदल.

यह सीएसएस फिल्टर का उपयोग करके भी संभव है जो सीधे ब्राउज़र में लागू करें. इन कस्टम फ़िल्टर गुणों का कई ब्राउज़रों में व्यापक समर्थन है और वे बहुत अच्छे लगते हैं.

उसके साथ फिल्टर जावास्क्रिप्ट प्लगइन, आप समय बचाने और अपने कोड को HTML में स्थानांतरित करने के लिए इस प्रक्रिया को स्केल कर सकते हैं गतिशील फिल्टर प्रभाव.

इस प्लगइन का उपयोग करके, आप लाभ आपकी छवियों पर बहुत अधिक नियंत्रण. इस तरह आप चुन सकते हैं कि आप व्यक्तिगत छवियों पर कौन से फ़िल्टर लागू करना चाहते हैं और यदि कुछ फ़िल्टर उपयोगकर्ता के व्यवहार जैसे होवरिंग के आधार पर बदलने चाहिए.

सीएसएस एनिमेटेड बदलाव का समर्थन करता है और फिल्टर इस प्रक्रिया को वास्तव में सरल बनाता है। आप बस होमपेज से या GitHub रेपो से फिल्टर डाउनलोड करते हैं। एक बार जब यह आपके वेब पेज पर जुड़ जाता है, तो आप बस आरंभीकरण कोड जोड़ें और इसे जाने दो.

यहाँ एक है नमूना स्निपेट GitHub रेपो से:

डिफ़ॉल्ट रूप से, आप कर सकते हैं संक्रमण और अतिरिक्त डेटा विशेषताएँ सेट करें कि आप HTML में संलग्न कर सकते हैं। यूआरएल पैरामीटर उस मार्ग को परिभाषित करता है जहां फिल्टर को फ़िल्टरिंग प्रक्रिया में उपयोग की जाने वाली कस्टम एसवीजी फाइलों को देखना चाहिए.

ये अतिरिक्त फिल्टर हैं पुस्तकालय के साथ पैक किया गया, इसलिए आपको उन्हें बिल्कुल भी संपादित करने की आवश्यकता नहीं है। लेकिन, आप उन्हें अपनी वर्तमान फ़ाइल से एक अलग निर्देशिका संरचना में इधर-उधर ले जा सकते हैं या रख सकते हैं, इसलिए यह सेटिंग को बदलने की आवश्यकता हो सकती है.

अब, आप बस कर सकते हैं कस्टम फ़िल्टर जोड़ें अपने HTML के लिए सही है तत्व या उनके कंटेनर.

यहाँ एक है सरल उदाहरण है:

आप एक पा सकते हैं सभी फिल्टर की पूरी सूची GitHub पर, साथ में a पूरा सेटअप गाइड और कई अन्य कोड नमूने.

फिल्टर आसपास के सबसे अच्छे फ्री प्लग इन में से एक है और यह आधुनिक CSS की सीमाओं को आगे बढ़ाता है। तुम भी अपने खुद के फिल्टर डिजाइन अगर आप कोडबेस और टिंकर में खुदाई करने के लिए तैयार हैं.

आरंभ करने के लिए एक सरल स्थान के लिए, बस फिल्टर होमपेज पर जाएं और एक प्रति डाउनलोड करें। आप कुछ ही समय में इसे चालू कर सकते हैं.