CSS3變換，歪斜和旋轉

我正在看CSS3變換，並希望有一個框，兩個歪斜和旋轉。CSS3變換，歪斜和旋轉

我已經嘗試使用：

transform:rotate(80deg); 
-moz-transform:rotate(80deg); /* Firefox */ 
-webkit-transform:rotate(80deg); /* Safari and Chrome */ 
-o-transform:rotate(80deg); /* Opera */ 
-webkit-transform: skew(50deg); 
-moz-transform:skew(50deg); 
-o-transform:skew(50deg); 
transform:skew(50deg);

這似乎只歪斜股利。

你可以在同一個div上使用歪斜和旋轉嗎？

感謝

來源

2013-01-15 user789122

語法使用 –

像'-webkit-變換變換之間的逗號：歪斜（20deg），旋轉（80deg）'？ – user789122

我是這麼想的，但也許不是。 –

相反的聲明變換一次以上（後來的規則總是贏），你應該用空格這樣分開你的轉換：

transform: rotate(80deg) skew(20deg);

不要忘記所有的供應商前綴在這個規則之前。

你可以看到在W3C's working draft

來源

2013-01-15 16:31:42

輝煌。我有一些試驗和錯誤，並設法找到解決方案。 – user789122

CSS3變換，歪斜和旋轉

回答

相關問題