CSS3'te dönüş noktası ayarlansın mı?

Question

Rotasyon noktasını CSS3'te ayarlamak mümkün mü? Varsayılan döndürme noktası% 50,% 50'dir. Denedim:

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

Ama çalışmıyor ... bir öneriniz?

Answer 1

Bu elemanın sol üst köşesinde rotasyon pivot noktasını ayarlamak ve bunu dönecektir:

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

http://jsfiddle.net/KHkX7/

Answer 2

sadece http://www.w3schools.com/cssref/css3_pr_rotation-point.asp gidin .nav_item_txt sınıfına bir göz atın ve dikkatle okuyun. , büyük tarayıcıların hiçbirinin bu özelliği desteklemediğini söylüyor.

Answer 3

(Tüm hedefleme dahil) Bir elemanın sağ üst noktaya dönen İçin

... rotasyon noktası desteklenmemektedir yerine dönüşümü kökenli özelliğini kullanmayı deneyin:

-webkit-transform-origin: 100% 0; 
-moz-transform-origin: 100% 0; 
-ms-transform-origin: 100% 0; 
-o-transform-origin: 100% 0; 
transform-origin: 100% 0;