文章詳情頁
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問題
排行榜
