Les effets de transition des pages HTML
Depuis les dernières évolutions des navigateurs et du langage HTML, il est maintenant très facile de créer des effets de transition spectaculaires entre les pages de votre site. Il existe 24 effets de transitions préprogrammés dans les derniers navigateurs.
Les balises sont à placer entre les balises <HEAD> de votre page HTML.
CODE SOURCE :
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=0)">
<meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=0)">
EXPLICATION DE LA SYNTAXE :
<meta HTTP-EQUIV="Page-Enter" = définit l'effet de transition à l'entrée de la page
<meta HTTP-EQUIV="Page-Exit" = définit l'effet de transition à la sortie de la page
CONTENT="revealtrans = balise qui lance l'effet de transition
Duration=4.0 = durée de l'animation en seconde
transition=0 à 23 numéro spécifique à la transition choisie -> 0 = Effet "Box in"
Les 24 effets de transition sont :
Testez-les !...
Les balises sont à placer entre les balises <HEAD> de votre page HTML.
CODE SOURCE :
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=0)">
<meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=0)">
EXPLICATION DE LA SYNTAXE :
<meta HTTP-EQUIV="Page-Enter" = définit l'effet de transition à l'entrée de la page
<meta HTTP-EQUIV="Page-Exit" = définit l'effet de transition à la sortie de la page
CONTENT="revealtrans = balise qui lance l'effet de transition
Duration=4.0 = durée de l'animation en seconde
transition=0 à 23 numéro spécifique à la transition choisie -> 0 = Effet "Box in"
Les 24 effets de transition sont :
- Effet "Box out"
- Effet "Circle in"
- Effet "Circle out"
- Effet "Wipe up"
- Effet "Wipe down"
- Effet "Wipe right"
- Effet "Wipe left"
- Effet "Vertical blinds"
- Effet "Horizontal blinds"
- Effet "Checkerboard across"
- Effet "Checkerboard down"
- Effet "Random dissolve"
- Effet "Split vertical in"
- Effet "Split vertical out"
- Effet "Split horizontal in"
- Effet "Split horizontal out"
- Effet "Strips left down"
- Effet "Strips left up"
- Effet "Strips right down"
- Effet "Strips right up"
- Effet "Random bars horizontal"
- Effet "Random bars vertical"
- Effet "Random all transition effects"
Testez-les !...