文章詳情頁(yè)
css3 - transform:旋轉(zhuǎn)問(wèn)題
瀏覽:217日期:2023-08-02 14:21:10
問(wèn)題描述
試實(shí)現(xiàn)下面的動(dòng)效:

粉紅色的線是輔助線。
問(wèn)題看似簡(jiǎn)單,其實(shí)要覆蓋全面還是不太容易的。【某個(gè)CSS3屬性】其實(shí)是不兼容IE的哦,所以用javascript來(lái)實(shí)現(xiàn)也是歡迎的答案~
問(wèn)題解答
回答1:最簡(jiǎn)單的方案是通過(guò)transform-style: preserve-3d;來(lái)做,這樣只需要搭好各個(gè)面,變換容器就可以了。
http://jsfiddle.net/cLhofbh6/
可惜IE始終不支持這個(gè)屬性。此外的方案會(huì)比較痛苦,需要針對(duì)三個(gè)面做旋轉(zhuǎn),還要保證轉(zhuǎn)軸一致。
標(biāo)簽:
CSS
相關(guān)文章:
1. javascript - immutable配合react提升性能?2. javascript - sublime快鍵鍵問(wèn)題3. 如何解決Centos下Docker服務(wù)啟動(dòng)無(wú)響應(yīng),且輸入docker命令無(wú)響應(yīng)?4. javascript - 移動(dòng)端上不能實(shí)現(xiàn)拖拽布局嗎?5. vue.js - Vue 如何像Angular.js watch 一樣監(jiān)聽數(shù)據(jù)變化6. 實(shí)現(xiàn)bing搜索工具urlAPI提交7. index.php錯(cuò)誤,求指點(diǎn)8. thinkPHP5中獲取數(shù)據(jù)庫(kù)數(shù)據(jù)后默認(rèn)選中下拉框的值,傳遞到后臺(tái)消失不見。有圖有代碼,希望有人幫忙9. angular.js - 單頁(yè)應(yīng)用(ng/vue)該如何監(jiān)聽用戶離開當(dāng)前頁(yè)面(或者路由)?10. javascript - ios返回不執(zhí)行js怎么解決?
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備