文章詳情頁
css3 - transform：旋轉問題
瀏覽：106日期：2023-08-02 14:21:10
問題描述
試實現下面的動效：
粉紅色的線是輔助線。
問題看似簡單，其實要覆蓋全面還是不太容易的。【某個CSS3屬性】其實是不兼容IE的哦，所以用javascript來實現也是歡迎的答案～
問題解答
回答1：最簡單的方案是通過transform-style: preserve-3d;來做，這樣只需要搭好各個面，變換容器就可以了。
http://jsfiddle.net/cLhofbh6/
可惜IE始終不支持這個屬性。此外的方案會比較痛苦，需要針對三個面做旋轉，還要保證轉軸一致。
標簽：
CSS
相關文章：
1. 在mac下出現了兩個docker環境2. css3 - css怎么實現圖片環繞的效果3. android - 用textview顯示html時如何寫imagegetter獲取網絡圖片4. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?5. css - 定位為absolute的父元素中的子元素 如何設置在父元素的下面？6. JavaScript事件7. javascript - jquery hide()方法無效8. 網頁爬蟲 - 用Python3的requests庫模擬登陸Bilibili總是提示驗證碼錯誤怎么辦?9. 注冊賬戶文字不能左右分離10. html - vue項目中用到了elementUI問題
排行榜
網公網安備