6XC

Generatore di Filtri CSS

Combina blur, brightness, contrast, grayscale, hue-rotate, saturate, sepia e invert con anteprima dal vivo.

1.022 visualizzazioni

6XC

La proprietà filter

filter applica effetti di editing fotografico a qualsiasi elemento — foto, video, persino interi layout. Le funzioni si concatenano in un'unica dichiarazione: filter: brightness(110%) contrast(120%) saturate(130%) dà un look vivace stile "Instagram", grayscale(100%) è il classico stile bianco e nero, e hue-rotate ricolora la grafica senza bisogno di nuovi asset.

Domande Frequenti

filter influisce sulle prestazioni?

La maggior parte dei filtri è accelerata dalla GPU e va bene su pochi elementi. Il blur è il più costoso — mantieni raggi piccoli sulle superfici grandi, specialmente su mobile.

Qual è la differenza tra filter e backdrop-filter?

filter influisce sull'elemento stesso e sul suo contenuto; backdrop-filter influisce su ciò che è visibile dietro l'elemento — è ciò che usa il glassmorphism.

Strumenti Simili

Generatore di Gradienti CSS Progetta gradienti CSS lineari, radiali e conici con anteprima dal vivo e copia il codice. Genera Generatore di Ombre CSS (Box Shadow) Progetta una box-shadow visivamente — offset, sfocatura, espansione, colore, opacità e inset — con anteprima dal vivo. Genera Generatore di Border Radius CSS Arrotonda ogni angolo singolarmente o tutti insieme, in px o %, con anteprima dal vivo e CSS copiabile. Genera Generatore di Ombra del Testo CSS Progetta un text-shadow con offset, sfocatura, colore e opacità — anteprima dal vivo su testo di esempio. Genera