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% ओकरा से 2 गुना अधिक उज्जर अवस्था ह।
  • 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 खोज मँ भी देखाई
  • नयका टूल भी मिली

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

संबंधित औजार