Css3 - Rotation


Suivez-moi
Forum
Facebook
Twitter
Survoler, l'étiquette "Suivez-moi"
pour voir l'effet de 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
citrouille

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;

  • Plus
  • Télécharger
  • Télécharger
PubliÉ le 11 novembre 2011 (rev_10-2019)
Source (Icones) : icons.mysitemyway
Source (img) : renders-graphiques