INTERNET EXPLORER? Ti consiglio di navigare questo sito con Mozilla Firefox oppure con Google Chrome.

Effetti di transizione al cambiamento della pagina con i Css

Autore: Luca Ruggiero | Tell a Friend

Corso HTML
Impara il linguaggio di marcatura per il Web.

Corso CSS
Web Design ed Accessibilità secondo il W3C!

Corso Web Design
Disegno di siti Web con HTML, CSS e Dynamic HTML.

Un effetto molto carino ottenibile con i Css è la sfumatura, l'entrata o l'uscita da una pagina con una serie di forme diverse, è sufficiente inserire questo meta Tag nell'header della pagina:

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=5,Transition=0)">
Esistono 24 diversi effetti enumerati da 0 a 23, nell'esempio abbiamo utilizzato il primo (0)
Transition=0
e lo abbiamo impostato nella pagina in entrata
http-equiv="Page-Enter"
ma è possibile stabilire che l'effetto debba verificarsi in uscita, è sufficiente modificare l'ultima parte di codice proposto con
http-equiv="Page-Exit"
Per modificare la durata dell'effetto, ovvero il suo tempo di esecuzione, attualmente impostato a 5 secondi, basta modificare questa parte del codice:
Duration=5
con ad esempio
Duration=1
Purtroppo l'effetto funziona solo con Ms Internet Explorer. Per vedere tutti gli effetti disponibili è sufficiente cambiare numero da 0 a 23 in questa parte di codice, come credo sia stato già possibile immaginare:
Transition=1

Transition=2

Transition=3

...
Consiglio un utilizzo parsimonioso di questo effetto dato che aumenta i tempi di attesa dell'utente per il raggiungimento della pagina desiderata.

Clicca qui per vedere un esempio di tutti gli effetti.

IN EVIDENZA
HOT LINKS