文章詳情頁
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壓力測試
排行榜

網公網安備