Cosa fa la proprietà del filtro CSS?

il filtro applica effetti grafici come sfocatura, luminosità, contrasto, scala di grigi, hue-rotate e drop-shadow a un elemento prima che sia reso. È possibile combinare diverse funzioni in una dichiarazione, e si applicano nell'ordine che li elenca.

La mia immagine caricata viene inviata ovunque?

No. L'immagine è caricata con un URL di oggetti locale puramente per l'anteprima e non lascia mai il browser. L'intero strumento esegue lato client, quindi i file rimangono privati sul dispositivo.

Generatore di filtro CSS

Quadrante in CSS filtri immagine visivamente e copiare la proprietà del filtro — anteprima su un campione o la propria immagine.

Presets

Filters

Blur

Brightness

Contrast

Grayscale

Hue rotate

deg

Invert

Opacity

Saturate

Sepia

Drop shadow

Preview subject

Preview

🌈

CSS

Was this tool helpful?

Send Image to:

How to use CSS Filter Generator

Trascina i cursori per sfocatura, luminosità, contrasto e le altre funzioni di filtro per costruire il tuo effetto.
Abilita facoltativamente l'ombra di goccia e imposta il suo offset, sfocatura e colore.
Fare clic su 'Usa campione' o caricare la propria immagine per visualizzare in anteprima il filtro sul contenuto reale.
Fare clic su Copia CSS per afferrare la proprietà del filtro generato.

Che cos'e'?

Il CSS Filter Generator consente di impilare effetti grafici su qualsiasi elemento utilizzando la proprietà filter Trascinare i cursori per sfocatura, luminosità, contrasto, scala grigia, invertimento, opacità, saturato e seppia, quindi aggiungere facoltativamente un drop-shadow() con il proprio offset, sfocatura e colore. Ogni cambiamento aggiorna immediatamente l'anteprima dal vivo. Prova sul campione colorato incorporato, o carica la tua immagine per vedere esattamente come il filtro guarda sul contenuto reale prima di spedirlo. L'immagine rimane sul dispositivo — nulla viene caricato su un server. Iniziare da un preset come vintage, B&W, caldo, freddo, drammatico o sfocatura-focus per ottenere vicino veloce, poi fine-tune. Quando appare a destra, copiare la dichiarazione di una linea filter e/o codice> direttamente nel foglio di stile

Advertisement

`FAQ`

Cosa fa la proprietà del filtro CSS?: il filtro applica effetti grafici come sfocatura, luminosità, contrasto, scala di grigi, hue-rotate e drop-shadow a un elemento prima che sia reso. È possibile combinare diverse funzioni in una dichiarazione, e si applicano nell'ordine che li elenca.
La mia immagine caricata viene inviata ovunque?: No. L'immagine è caricata con un URL di oggetti locale puramente per l'anteprima e non lascia mai il browser. L'intero strumento esegue lato client, quindi i file rimangono privati sul dispositivo.

`Related tools`

`Author`

MWMarcus Webb"The DevTool Craftsman"
Full-Stack Developer & Tools Architect
Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

📖 CSS Filter Generator on Wikipedia·Developer Tools on Wikipedia·CSS Filter Generator on Britannica

`People also use`

← Back to Developer Tools · All tags

Last updated: 2026-06-03