ESEMPI CON I FILTRI CSS3

1 - ESEMPIO CON FILTRO BLUR

• Immagine Iniziale
• Immagine con effetto Blur

Instagram

2 - ESEMPIO CON FILTRO GRAYSCALE

• Immagine Iniziale
• Immagine con effetto Grayscale

3 - ESEMPIO CON FILTRO SEPPIA

• Immagine Iniziale
• Immagine con effetto Seppia

4 - ESEMPIO CON FILTRO BRIGHTNESS

• Immagine Iniziale
• Immagine con effetto Brightness - Luminosità

5 - ESEMPIO CON FILTRO CONTRAST

• Immagine Iniziale
• Immagine con effetto Contrasto

6 - ESEMPIO CON FILTRO HUE-ROTATION

• Immagine Iniziale
• Immagine con effetto Hue-Rotate

7 - ESEMPIO CON FILTRO INVERT

• Immagine Iniziale
• Immagine con effetto Invert

8 - ESEMPIO CON FILTRO SATURATE

• Immagine Iniziale
• Immagine con effetto Saturate

9 - ESEMPIO CON FILTRO OPACITY

• Immagine Iniziale
• Immagine con effetto Opacity

10 - ESEMPIO CON FILTRO DROP-SHADOW

• Immagine Iniziale
• Immagine con effetto Drop-shadow

11 - ESEMPIO CON 2 FILTRI SEPIA + BRIGHTNESS

• Immagine Iniziale
• Immagine con 2 effetti Sepia + Brightness

12 - ESEMPIO CON TRANSIZIONE SUL FILTRO

• Immagine Iniziale
• Mousehover l'immagine per visualizzare l'effetto transizione

13 - ESEMPIO CON ANIMAZIONE SUL FILTRO

• Immagine Iniziale
• Effetto animazione sul filtro