文章詳情頁
css3 - transform：旋轉問題
瀏覽：121日期：2023-08-02 14:21:10
問題描述
試實現下面的動效：
粉紅色的線是輔助線。
問題看似簡單，其實要覆蓋全面還是不太容易的。【某個CSS3屬性】其實是不兼容IE的哦，所以用javascript來實現也是歡迎的答案～
問題解答
回答1：最簡單的方案是通過transform-style: preserve-3d;來做，這樣只需要搭好各個面，變換容器就可以了。
http://jsfiddle.net/cLhofbh6/
可惜IE始終不支持這個屬性。此外的方案會比較痛苦，需要針對三個面做旋轉，還要保證轉軸一致。
標簽：
CSS
相關文章：
1. 哪位大神知道MySql怎么修改多行多列的數據?求指點2. 這是什么情況？？？3. 編輯管理員信息時，為什么沒有修改過的內容會為空？4. phpadmin的數據庫，可以設置自動變化時間的變量嗎？就是不需要接收時間數據，自動變化5. mysql - thinkphp5 在MAC電腦本地正常，部署LINUX服務器之后，模型不存在6. 老哥們求助啊7. mysql服務無法啟動1067錯誤，誰知道正確的解決方法？8. PHP類封裝的插入數據，總是插入不成功，返回false；9. APP上傳到電腦服務器，出現數據上傳不完整的問題10. 求救一下，用新版的phpstudy，數據庫過段時間會消失是什么情況？
排行榜
網公網安備