Css3 - Rotation
Ce tutoriel aborde les propriétés 'transform', 'rotate' et 'transition'.
Effet désiré :
En survolant l'étiquette 'Suivez-moi', lui faire exécuter une rotation pour dévoiler son contenu
CSS3 - Transform:rotate
L'orientation de l'image d'origine se détermine via la propriété 'transform:rotate'.
- dd : webkit-transform:rotate (180deg)
- dl:hover :
webkit-transform:rotate(-180deg);
CSS3 - Transition :
Le temps de la transition :
- dl:hover : transform 0.5s ease-in-out;