Définir le point de rotation dans CSS3?

Question

Est-il possible de définir le point de rotation en CSS3? Le point de rotation par défaut est à 50%, 50%. J'ai essayé:

-webkit-transform: rotate(230deg); -webkit-rotation-point:90% 90%;

, Mais il ne fonctionne pas... Toutes les suggestions?

36

css css3 webkit

demandé sur kugyousha 2011-07-11 19:22:36

3 réponses

score 36 · Answer 1

Cela définira le point de pivot de rotation sur 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 à .classe nav_item_txt

score 8 · Answer 2

Essayez d'utiliser la propriété transform-origin à la place, rotation-point n'est pas pris en charge...

Pour tourner sur le point supérieur droit d'un élément (y compris tout 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;

score -2 · Answer 3

Il suffit d'aller à http://www.w3schools.com/cssref/css3_pr_rotation-point.asp et de lire attentivement. il dit qu'aucun des principaux navigateurs ne supporte cette propriété.