Is it possible to set the rotation point in CSS? The default rotation point is at the 50%, 50%. I tried:
transform: rotate(230deg);
rotation-point:90% 90%;
But it does not work... Any suggestions?
How can I set a rotation point for an element in CSS?
Viewed 50271
4 Answers
Try using the transform-origin property instead, rotation-point isn't supported...
For rotating on the top right point of an element (including all targeting):
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0;
Related