Đặt điểm xoay trong CSS3?

Question

Có thể thiết lập điểm xoay trong CSS3 không? Điểm quay mặc định là 50%, 50%. Tôi đã thử:

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

Nhưng nó không hoạt động ... Mọi đề xuất?

Answer 1

này sẽ thiết lập điểm xoay trục trên góc trên cùng bên trái của nguyên tố của bạn và xoay nó:

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

tham quan một thoáng lớp .nav_item_txt

http://jsfiddle.net/KHkX7/

Answer 2

chỉ cần đi đến http://www.w3schools.com/cssref/css3_pr_rotation-point.asp và đọc kỹ. nó nói rằng không có trình duyệt chính nào hỗ trợ thuộc tính này.

Answer 3

Hãy thử sử dụng các tài sản có nguồn gốc chuyển đổi-thay vào đó, luân chuyển điểm không được hỗ trợ ...

Đối quay vào điểm trên bên phải của một phần tử (bao gồm tất cả nhắm mục tiêu):

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