Establecer punto de rotación en CSS3?

Question

¿Es posible establecer el punto de rotación en CSS3? El punto de rotación predeterminado está en el 50%, 50%. Traté:

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

Pero no funciona ... ¿Alguna sugerencia?

Answer 1

Esto establecerá el punto de rotación en la esquina superior izquierda de su elemento y girarlo:

-webkit-transform: rotate(-25deg); 
-webkit-transform-origin: 0% 0%; 

echar un vistazo a la clase .nav_item_txt

http://jsfiddle.net/KHkX7/

Answer 2

sólo tiene que ir a http://www.w3schools.com/cssref/css3_pr_rotation-point.asp y lee atentamente. dice que ninguno de los principales navegadores admite esta propiedad.

Answer 3

Trate de usar la propiedad origen transformar-en cambio, no se admite la rotación de punto ...

para la rotación en el punto superior derecho de un elemento (incluyendo todos 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; 

Nunca