文章詳情頁
css3 - transform：旋轉問題
瀏覽：96日期：2023-08-02 14:21:10
問題描述
試實現下面的動效：
粉紅色的線是輔助線。
問題看似簡單，其實要覆蓋全面還是不太容易的。【某個CSS3屬性】其實是不兼容IE的哦，所以用javascript來實現也是歡迎的答案～
問題解答
回答1：最簡單的方案是通過transform-style: preserve-3d;來做，這樣只需要搭好各個面，變換容器就可以了。
http://jsfiddle.net/cLhofbh6/
可惜IE始終不支持這個屬性。此外的方案會比較痛苦，需要針對三個面做旋轉，還要保證轉軸一致。
標簽：
CSS
相關文章：
1. 小程序怎么加外鏈，語句怎么寫！求救新手，開文檔沒發現2. javascript - ...mapGetters和...mapState獲取到的state，怎么拿來在methods中操作？3. python - linux怎么在每天的凌晨2點執行一次這個log.py文件4. javascript - 在 vue里面用import引入js文件，結果為undefined5. 如何分別在Windows下用Winform項模板+C#，在MacOSX下用Cocos Application項目模板+Objective-C實現一個制作游戲的空的黑窗口？6. Java反射問題：為什么android.os.Message的recycleUnchecked方法不能通過反射獲取到？7. php如何獲取訪問者路由器的mac地址8. git - 使用淘寶npm安裝hexo出現問題？9. php - 微信開發驗證服務器有效性10. [python2]local variable referenced before assignment問題
排行榜
網公網安備