文章詳情頁
css3 - transform：旋轉問題
瀏覽：75日期：2023-08-02 14:21:10
問題描述
試實現下面的動效：
粉紅色的線是輔助線。
問題看似簡單，其實要覆蓋全面還是不太容易的。【某個CSS3屬性】其實是不兼容IE的哦，所以用javascript來實現也是歡迎的答案～
問題解答
回答1：最簡單的方案是通過transform-style: preserve-3d;來做，這樣只需要搭好各個面，變換容器就可以了。
http://jsfiddle.net/cLhofbh6/
可惜IE始終不支持這個屬性。此外的方案會比較痛苦，需要針對三個面做旋轉，還要保證轉軸一致。
標簽：
CSS
相關文章：
1. MySQL數據庫中文亂碼的原因2. angular.js - 關于$apply()3. dockerfile - 我用docker build的時候出現下邊問題 麻煩幫我看一下4. angular.js使用$resource服務把數據存入mongodb的問題。5. nignx - docker內nginx 80端口被占用6. css - C#與java開發Windows程序哪個好？7. mysql - 新浪微博中的關注功能是如何設計表結構的？8. dockerfile - [docker build image失敗- npm install]9. angular.js - Ionic 集成crosswalk后生成的apk在android4.4.2上安裝失敗？？？10. 如何解決Centos下Docker服務啟動無響應，且輸入docker命令無響應？
排行榜
網公網安備