Ġeneratur tal-Filtru CSS
Oħloq u viżwalizza filtri tal-immaġni CSS tad-dwana
Preview
CSS Code
Kontrolli tal-Filtru
Filtri Popolari
Vintage
Neon Glow
Polaroid
Vintage Film
Arti Diġitali
Kif tuża l-filtri CSS
X'inhuma l-Filtri CSS?
Il-Filtri CSS jippermettulek tapplika effetti grafiċi bħal ċċajpar jew bidla tal-kulur għal element. Huma komunement użati għal immaġini, sfondi, u fruntieri.
Il-filtri jistgħu jintużaw biex joħolqu effetti viżwali, itejbu l-immaġini, jew joħolqu elementi ta 'disinn uniċi mingħajr il-ħtieġa ta' għodod esterni għall-editjar tal-immaġni.
Propjetajiet tal-Filtru CSS Appoġġjati
-
blur()- Japplika ċajpar Gaussian għall-element. -
brightness()- Aġġusta l-luminożità tal-element. -
contrast()- Aġġusta l-kuntrast tal-element. -
grayscale()- Jikkonverti l-element għal skala griża. -
hue-rotate()- Japplika rotazzjoni tal-lewn għall-element. -
invert()- Taqleb il-kuluri tal-element. -
opacity()- Jaġġusta l-opaċità tal-element. -
saturate()- Saturates jew desaturates l-element. -
sepia()- Jikkonverti l-element għal sepia.
Kif Tapplika l-Filtri
Bl-użu tal-kodiċi CSS iġġenerat minn din l-għodda, tista 'tapplika filtri għal kwalunkwe element HTML. Hawn kif:
1. Agħżel element
Agħżel l-element HTML li tixtieq tapplika l-filtru għalih. Dan jista 'jkun immaġni, sfond, jew kwalunkwe element ieħor.
2. Żid Klassi jew ID
Jekk l-element m'għandux diġà klassi jew ID, żid waħda biex tagħmilha aktar faċli biex timmira bis-CSS.
3. Applika l-Filtru
Uża s-CSSfilterfil-karta ta' l-istil jew fl-istil inline tiegħek biex tapplika l-filtru ġġenerat.
.filtered-image { filter: blur(5px) brightness(110%) contrast(120%); }4. Għaqqad Filtri Multipli
Tista 'tgħaqqad funzjonijiet ta' filtru multipli billi telenkahom waħda wara l-oħra, separati bi spazji.
filter: blur(2px) brightness(110%) contrast(120%) saturate(150%);Kompatibilità tal-Browser
Il-filtri CSS huma appoġġjati ħafna fil-browsers moderni, inklużi Chrome, Firefox, Safari, Edge, u Opera. Madankollu, brawżers anzjani bħall-Internet Explorer ma jappoġġjawhomx.
Related Tools
Inqas biex konvertitur CSS
Ittrasforma l-kodiċi Less tiegħek f'CSS. Mgħaġġel, faċli, u sigur.
CSS Minifier
Ikkompressa u ottimizza l-kodiċi CSS tiegħek bi preċiżjoni professjonali
Iġġenera Trasformazzjonijiet CSS3 bil-Faċilità
Għodda qawwija u intuwittiva għall-ħolqien ta 'trasformazzjonijiet CSS3 kumplessi mingħajr ma tikteb kodiċi. Viżwalizza l-bidliet f'ħin reali u kopja s-CSS iġġenerat biex tuża fil-proġetti tiegħek.
Ġeneratur tal-Hash tal-Password ta 'WordPress
Iġġenera hashes tal-password siguri għal WordPress
Ġeneratur tal-Hash MD5
Iġġenera hashes MD5 malajr u faċilment
Binarju għal Hex
Ikkonverti kodiċi binarju għal eżadeċimali mingħajr sforz