I fogli di stile consentono di evitare l'uso di GIF animate attraverso l'inserimento di semplice codice HTML. Gli effetti ottenibili grazie ai filtri sono sei e tutti si verificano quando il puntatore del mouse passa sull'immagine:
Trasparency: rende opaca l'immagine finche' il mouse non la sfiora e assume la luminosita' originale;
All'immagine "15.gif" viene assegnato un nome "immagine1" e un livello di opacitą pari a 50. Per opacitą si intende quanto visibile sia l'immagine all'atto del caricamento della pagina. A livelli pił bassi corrisponde un'immagine pił sfocata. Il gestore di eventi "onmouseover" stabilisce che nel momento in cui il puntatore del mouse entra nell'area di immagine la stessa diviene nitida; mentre il gestore "onmouseout" fa tornare l'immagine allo stato iniziale quando il puntatore si sposta.
Blur: effetto sfuocato dell'immagine verso sinistra
Light: effetto ombreggiato dell'immagine da destra verso sinistra
Wave: effetto ondulato sull'immagine
Flip horizontal: immagine invertita verso sinistra
Flip vertical: immagine capovolta
Per ottenere gli effetti dei filtri sull'immagine e' necessario agire su due punti del documento: all'interno del tag <HEAD> e nell'SRC dell'immagine.
Gli esempi che seguono mostrano l'intero codice da impostare per tutti e sei gli effetti citati.
Effetti di transizione
Effetti su form