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

धुंधलापन आ चमक नियर प्रभाव के स्लाइडर से समायोजित क के, CSS के filter कोड के पूर्वावलोकन करत बनाईं

विशेषता

9 तरह के प्रभाव स्लाइडर से

चलावत घरी पूर्वावलोकन आ CSS कोड एक साथे बदलेला

अपना इमेज पर आजमाईं

अपना इमेज के ब्राउजर में देखाके प्रभाव देखीं

दबवले रहला पर मूल इमेज

प्रभाव लगावे से पहिले आ बाद के तुरंते तुलना करीं

8 नमूना से सूक्ष्म समायोजन

सेपिया टोन चाहे विंटेज नियर नमूना से शुरू क के समायोजित करीं

प्रयोग के तरीका

1

इमेज चुनीं

"अपना इमेज चुनीं" से अपना इमेज चुनीं। ना चुनला पर अंतर्निहित नमूना इमेज से आजमा सकत बानी

2

प्रभाव समायोजित करीं

नमूना से नजदीकी माहौल चुनीं चाहे हर स्लाइडर से प्रभाव के तीव्रता समायोजित करीं

3

पहिले आ बाद के तुलना करीं

"मूल इमेज से तुलना करीं" दबवले रहला पर बिना प्रभाव वाला इमेज देखाई

4

कोड कॉपी करीं

"कॉपी" बटन से filter के लाइन अपना CSS में चिपकाईं

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

प्रयोग के उदाहरण

पृष्ठभूमि फोटो में अक्षर के पढ़ाई

पृष्ठभूमि के फोटो के थोड़ा धुंधला क के ऊपर के शीर्षक के पढ़े में आसान बनाईं

फोटो के रंग टोन के एकरूपता

टीम पेज चाहे गैलरी के फोटो के श्वेत-श्याम चाहे सेपिया में मिलाईं

असली फोटो पर मान तय करीं

असल में इस्तेमाल होखे वाला फोटो पर लगाके धुंधला रंग चाहे विंटेज टोन के मान तय करीं

डार्क मोड खातिर इमेज समायोजन

अंधेरा पृष्ठभूमि में चकाचौंध ना होखे खातिर चमक आ कंट्रास्ट घटावल मान तय करीं

आधार जानकारी

filter के फंक्शन आ इकाई

CSS के filter प्रॉपर्टी इमेज चाहे एलिमेंट के दिखाई पर प्रभाव डाले वाला प्रॉपर्टी बा, जेह में blur आ sepia नियर फंक्शन के स्पेस से अलग क के लिखल जाला।

  • px (पिक्सेल):blur फंक्शन धुंधलापन के त्रिज्या px में बतावे वाला फंक्शन बा, 4px देला पर 4 पिक्सेल के दायरा में रंग मिल जाला।
  • % (प्रतिशत):brightness आ sepia फंक्शन प्रभाव के तीव्रता % में बतावे वाला फंक्शन बा, brightness में 100% मूल चमक आ 120% दू गो भाग चमक बढ़ल स्थिति बा।
  • deg (डिग्री):hue-rotate फंक्शन रंग चक्र पर रंग के घुमावे के कोण deg में बतावे वाला फंक्शन बा, 180deg देला पर रंग विपरीत ओर के रंगत में चल जाला।

काहे लिखे के क्रम से नतीजा बदल जाला

filter में लगावल फंक्शन बायां से दायां लागू होखेला, आ पहिले के प्रभाव के नतीजा पर अगिला प्रभाव लागेला, एहसे क्रम बदलला से दिखाई भी बदल सकेला। जइसे श्वेत-श्याम कइला के बाद सेपिया लगावला से भूरापन रह जाला, आ सेपिया के बाद श्वेत-श्याम कइला से भूरापन खतम हो जाला। एह टूल में लागू होखे के क्रम तय बा, लेकिन बनल CSS कोड में बदलाव क के क्रम बदलल जा सकेला।

backdrop-filter से फरक

filter आ backdrop-filter एके फंक्शन इस्तेमाल करेला, बाकिर प्रभाव डाले के विषय अलग बा।

  • filter:filter चुनल एलिमेंट (इमेज चाहे अक्षर आदि) के खुद के दिखाई पर प्रभाव डाले वाला प्रॉपर्टी बा।
  • backdrop-filter:backdrop-filter चुनल एलिमेंट के पाछे देखाई देत भाग पर प्रभाव डाले वाला प्रॉपर्टी बा, जेकर इस्तेमाल धुंधला शीशा नियर रूप देखावे में होखेला।

सुरक्षा आ निजता

पूरा तरह ब्राउज़र में

डालल गइल डेटा खाली रउआ के ब्राउज़र के भीतरे प्रोसेस होला आ बाहर ना भेजल जाला।

सिर्फ ब्राउजर में प्रोसेसिंग

इमेज के देखावल आ CSS कोड के बनावल सभ आपके ब्राउजर में होला, इनपुट डेटा सर्वर पर ना भेजाला।

कनेक्शन HTTPS से एन्क्रिप्ट बा

पेज लोडिंग भी TLS से एन्क्रिप्ट होला, तीसरा पक्ष सामग्री पढ़ ना सकत।

तीसरा पक्ष को ना भेजाला

विज्ञापन नेटवर्क या ट्रैकर जइसन बाहरी सेवा को इनपुट सामग्री ना भेजाला।

नतीजा अपने आप सेव ना होला

चुनल इमेज चाहे प्रभाव के मान आ इनपुट सुझाव सर्वर पर सेव ना कइल जाला।

Google खोज पर RAKKOTOOLS के फॉलो करीं

191 गो काम के टूल Google खोज आ AI खोज से खोजल आसान हो जाई!

  • खोज में मिली
  • AI खोज में भी देखाई
  • नया टूल भी मिली

अपडेट के जानकारी

संबंधित टूल