Transitions en HTML5

01 -Accueil

Bienvenue

Vous trouverez, dans cette interface, quelques exemples de transitions en visitant les diverses pages ...

Vous pouvez déjà en voir une en passant le curseur sur le titre (Transitions en HTML5) de la page!

02 - A propos

Des transitions

Les transitions se réalisent sur les textes, les images ou les pages: il suffit de passer le curseur sur les éléments ou de changer de page pour les voir .

Regardez la transition qu'il y a entre les cinq pages lorsque vous changez de page.

Sur cette page, vous pouvez voir une transition en passant le curseur sur l'image ci-dessous, vous devriez la voir avancer vers vous ! (Transition sur dimensions et ombre)

Transition sur les dimensions
et sur l'ombre !

03 - Photos

Ici, vous pouvez agrandir les photos en passant le curseur dessus. (Transition sur dimensions et z-index)

04 - Autres effets

Transition augmentant le pading-left et modifiant la couleur des mots suivants:

SURVOLEZ-MOI !



Survolez aussi "le carré" à droite ..Là, la transition est faite sur un "div" carré avec les dimensions , la couleur et une rotation de 360 degrés, rotation appliquée aussi sur le mot "Effets".

05 - Photos2

Ici, vous pouvez agrandir les photos en passant le curseur dessus. (Transition sur dimensions, z-index, border, couleur de l'écriture et margin. )