सीएसएस फिल्टर जेनेरेटर
अनुकूल सीएसएस छवि फिल्टर सिर्जना गर्नुहोस् र कल्पना गर्नुहोस्
Preview
CSS Code
फिल्टर नियन्त्रण
लोकप्रिय फिल्टर
Vintage
Neon Glow
Polaroid
भिन्टेज फिल्म
डिजिटल कला
सीएसएस फिल्टर कसरी प्रयोग गर्ने
सीएसएस फिल्टर के हो?
सीएसएस फिल्टरले तपाईँलाई ग्राफिकल प्रभावहरू जस्तै ब्लर वा रङ स्थानान्तरण तत्वमा लागू गर्न अनुमति दिन्छ। तिनीहरू सामान्यतया छविहरू, पृष्ठभूमि, र सीमाहरूको लागि प्रयोग गरिन्छ।
फिल्टरहरू दृश्य प्रभावहरू सिर्जना गर्न, छविहरू बढाउन, वा बाह्य छवि सम्पादन उपकरणहरूको आवश्यकता बिना अद्वितीय डिजाइन तत्वहरू सिर्जना गर्न प्रयोग गर्न सकिन्छ।
समर्थित सीएसएस फिल्टर गुण
-
blur()- तत्वमा गाउसियन ब्लर लागू गर्दछ। -
brightness()- तत्वको चमक समायोजित गर्दछ। -
contrast()- तत्वको कन्ट्रास्ट समायोजन गर्दछ। -
grayscale()- तत्वलाई ग्रेस्केलमा रूपान्तरण गर्दछ । -
hue-rotate()- तत्वमा ह्यु रोटेशन लागू गर्दछ। -
invert()- तत्वको रङ उल्टाउँछ। -
opacity()- तत्वको अस्पष्टता समायोजन गर्दछ। -
saturate()- तत्व को संतृप्त या विघटित करता है। -
sepia()- तत्वलाई सेपियामा रूपान्तरण गर्दछ ।
फिल्टर कसरी लागू गर्ने
यो उपकरणद्वारा उत्पन्न सीएसएस कोड प्रयोग गरेर, तपाईं कुनै पनि एचटीएमएल तत्वमा फिल्टरहरू लागू गर्न सक्नुहुन्छ। यहाँ कसरी छ:
१. तत्व चयन गर्नुहोस्
तपाईँले फिल्टर लागू गर्न चाहनुभएको एचटीएमएल तत्व रोज्नुहोस् । यो एक छवि, पृष्ठभूमि, वा कुनै अन्य तत्व हुन सक्छ।
२. कक्षा वा आईडी थप्नुहोस्
यदि तत्वसँग पहिल्यै वर्ग वा आईडी छैन भने, सीएसएससँग लक्षित गर्न सजिलो बनाउन एउटा थप्नुहोस्।
३. फिल्टर लागू गर्नुहोस्
सीएसएस प्रयोग गर्नुहोस्filterजेनेरेटेड फिल्टर लागू गर्न तपाईँको शैलीपाना वा इनलाइन शैलीमा गुण ।
.filtered-image { filter: blur(5px) brightness(110%) contrast(120%); }4. एकाधिक फिल्टर संयोजन गर्नुहोस्
तपाईँले बहुविध फिल्टर प्रकार्यहरू एकपछि अर्को सूचीबद्ध गरेर, खाली स्थानहरू द्वारा अलग गरेर संयोजन गर्न सक्नुहुन्छ।
filter: blur(2px) brightness(110%) contrast(120%) saturate(150%);ब्राउजर अनुकूलता
क्रोम, फायरफक्स, सफारी, एज र ओपेरा सहित आधुनिक ब्राउजरहरूमा सीएसएस फिल्टरहरू व्यापक रूपमा समर्थित छन्। यद्यपि, इन्टरनेट एक्सप्लोरर जस्ता पुराना ब्राउजरहरूले तिनीहरूलाई समर्थन गर्दैनन्।
Related Tools
स्टाइलस टू सीएसएस कनवर्टर
तपाईंको एससीएसएस कोडलाई सीएसएसमा रूपान्तरण गर्नुहोस्। छिटो, सजिलो र सुरक्षित।
सीएसएस 3 संक्रमण जनरेटर
चिल्लो अस्पष्टता संक्रमण
सीएसएस ब्यूटीफायर
व्यावसायिक परिशुद्धताको साथ तपाईंको सीएसएस कोड ढाँचाबद्ध र सुन्दर पार्नुहोस्
HTML Minifier
व्यावसायिक परिशुद्धताको साथ तपाईंको एचटीएमएल कोड संकुचित र अनुकूलन गर्नुहोस्
सुन्दर सीएसएस ग्रेडियन्टहरू सहजरूपमा सिर्जना गर्नुहोस्
हाम्रो सहज इन्टरफेसको साथ आश्चर्यजनक रैखिक, रेडियल, र कोनिक ग्रेडियन्टहरू उत्पन्न गर्नुहोस्। सीएसएस कोड प्रतिलिपि गर्नुहोस् र यसलाई तपाईंको परियोजनाहरूमा तुरुन्तै प्रयोग गर्नुहोस्।
प्रतिक्रियाशील पावर कनवर्टर
परिशुद्धता र सहजताका साथ विभिन्न एकाइहरू बीच प्रतिक्रियाशील शक्ति रूपान्तरण गर्नुहोस्