文章詳情頁
css3 - transform：旋轉問題
瀏覽：201日期：2023-08-02 14:21:10
問題描述
試實現下面的動效：
粉紅色的線是輔助線。
問題看似簡單，其實要覆蓋全面還是不太容易的。【某個CSS3屬性】其實是不兼容IE的哦，所以用javascript來實現也是歡迎的答案～
問題解答
回答1：最簡單的方案是通過transform-style: preserve-3d;來做，這樣只需要搭好各個面，變換容器就可以了。
http://jsfiddle.net/cLhofbh6/
可惜IE始終不支持這個屬性。此外的方案會比較痛苦，需要針對三個面做旋轉，還要保證轉軸一致。
標簽：
CSS
相關文章：
1. boot2docker無法啟動2. docker-compose中volumes的問題3. java - SSH框架中寫分頁時service層中不能注入分頁類4. docker容器呢SSH為什么連不通呢？5. dockerfile - 為什么docker容器啟動不了？6. docker安裝后出現Cannot connect to the Docker daemon.7. nignx - docker內nginx 80端口被占用8. node.js - antdesign怎么集合react-redux對input控件進行初始化賦值9. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””10. 關于docker下的nginx壓力測試
排行榜
網公網安備