Generatore di filtri CSS
Uno strumento visivo per generare e visualizzare in anteprima le proprietà dei filtri CSS.
Impostazioni filtro
Regola ogni proprietà del filtro
Predefiniti
Prova stili di filtro predefiniti
Anteprima
Vedi gli effetti del filtro generati sull'immagine predefinita
Originale
Filtrato
Filter Preview
CSS generato
filter: none;Funzioni filtro CSS spiegate
Effetti visivi
- • blur(px): Effetto sfocatura
- • brightness(%): Regolazione luminosità
- • contrast(%): Regolazione contrasto
- • opacity(%): Regolazione opacità
Effetti colore
- • grayscale(%): Effetto scala di grigi
- • hue-rotate(deg): Rotazione tonalità
- • invert(%): Inversione colore
- • saturate(%): Regolazione saturazione
- • sepia(%): Effetto seppia
Consigli per l'uso
- • Combina più filtri separati da spazi
- • Applica a qualsiasi elemento HTML, non solo alle immagini
- • Usa con animazioni CSS per effetti dinamici
- • Usa backdrop-filter per applicare solo agli sfondi