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
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.
Sass li konvertitur CSS
Ittrasforma l-kodiċi Sass 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
Konvertitur tal-Unità taż-Żona
Ikkonverti bejn unitajiet differenti ta 'żona bi preċiżjoni u faċilità
Konvertitur tal-Unità tal-Frekwenza
Ikkonverti bejn unitajiet differenti ta 'frekwenza bi preċiżjoni għall-inġinerija u l-kalkoli xjentifiċi tiegħek
Numri Rumani għal konvertitur tan-numru
Ikkonverti n-numri Rumani għall-ekwivalenti numeriċi tagħhom bi spjegazzjoni pass pass