Ce passage de la propriété à utiliser pour transformer?

Je ne suis pas certain que ce soit la bonne façon, mais je veux tourner un élément,

et je sais transform: rotate(90deg) & transition-property:all de fonctionner, mais je ne veux pas de transition all

Ce transition-property dois-je utiliser, et est-il un meilleur moyen de créer une animation de rotation?

InformationsquelleAutor ilyo | 2012-05-31
  1. 21

    Pour cible transforms sur transition-property vous devez utiliser:

    -webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-ms-transition-property: -ms-transform;
-o-transition-property: -o-transform;
transition-property: transform;
    InformationsquelleAutor Giona
  2. 2

    Peut-être pas une meilleure façon, mais vous pouvez également utiliser l'animation d'images clés (ce qui EST mieux si vous voulez répéter l'animation en continu):

    @keyframes rotateDiv {
   from { transform: rotateZ(0deg); }
   to   { transform: rotateZ(360deg); }
}

div {
   animation-name: rotateDiv;
   animation-duration: 1s;
   animation-timing-function: linear; /* For a steady rate loop */
   animation-delay: 0s;            
   animation-iteration-count: infinite; /* Use actual numbers for limited repeat */
}
    InformationsquelleAutor Someone