Ġ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
Oħloq Tqassim Flexbox Perfetta
Viżwalizza, ippersonalizza, u ġġenera kodiċi flexbox CSS bl-interface intuwittiv tagħna drag-and-drop.
Stylus li konvertitur CSS
Ittrasforma l-kodiċi SCSS tiegħek f'CSS. Mgħaġġel, faċli, u sigur.
SCSS li konvertitur CSS
Ittrasforma l-kodiċi SCSS tiegħek f'CSS. Mgħaġġel, faċli, u sigur.
Konvertitur tal-Unità tat-Temperatura
Ikkonverti bejn unitajiet differenti ta 'temperatura bi preċiżjoni għall-bżonnijiet xjentifiċi u ta' kuljum tiegħek
Kalkulatur tas-CPM
Ikkalkula l-Ispiża Per Mille (CPM) għall-kampanji ta 'reklamar tiegħek bil-kalkulatur faċli biex tużah tagħna.
SHA3-384 Kalkulatur tal-Hash
Iġġenera hashes SHA3-384 malajr u faċilment