Définir le point de rotation dans CSS3?
Est-il possible de définir le point de rotation dans CSS3? Le point de rotation par défaut est à 50%, 50%. J'ai essayé:
-webkit-transform: rotate(230deg); -webkit-rotation-point:90% 90%;
Mais ça ne marche pas ... Des suggestions?
Cela définira le point de pivot de rotation dans le coin supérieur gauche de votre élément et le fera pivoter:
-webkit-transform: rotate(-25deg);
-webkit-transform-Origin: 0% 0%;
jetez un coup d'œil à la classe .nav_item_txt
Essayez d'utiliser la propriété transform-Origin à la place, le point de rotation n'est pas pris en charge ...
Pour faire pivoter le point supérieur droit d'un élément (y compris tout le ciblage):
-webkit-transform-Origin: 100% 0;
-moz-transform-Origin: 100% 0;
-ms-transform-Origin: 100% 0;
-o-transform-Origin: 100% 0;
transform-Origin: 100% 0;