Generatore di filtri CSS con anteprima dal vivo
Genera la proprietà CSS filter (blur, luminosità, contrasto, seppia, tonalità) con anteprima in tempo reale.
🔒 100 % lato client — nessun dato inviato
Componi la proprietà CSS filter con cursori — sfocatura, luminosità, contrasto, saturazione, scala di grigi, seppia, inversione, rotazione della tonalità e opacità — e vedi il risultato dal vivo in un'anteprima. Poi copia il CSS pronto all'uso. Tutto avviene nel browser.
What is it for?
- ▸ Scurire o schiarire un'immagine con CSS
- ▸ Creare un effetto seppia o bianco e nero al passaggio del mouse
- ▸ Trovare la giusta rotazione della tonalità
- ▸ Regolare sfocatura e contrasto senza un editor di immagini
FAQ
A cosa posso applicare questo filtro?
La proprietà filter si applica a qualsiasi elemento HTML (immagine, div, testo…) e ai suoi discendenti.
Qual è la differenza tra filter e backdrop-filter?
filter riguarda l'elemento stesso; backdrop-filter riguarda ciò che sta dietro (effetto vetro smerigliato).
È supportato da tutti i browser?
Sì, la proprietà filter è supportata da tutti i browser moderni.
Posso combinare più filtri?
Sì, si combinano in ordine; lo strumento elenca solo quelli il cui valore differisce dal predefinito.