文章详情页
css3 - transform：旋转问题
浏览：277日期：2023-08-02 14:21:10
问题描述
试实现下面的动效：
粉红色的线是辅助线。
问题看似简单，其实要覆盖全面还是不太容易的。【某个CSS3属性】其实是不兼容IE的哦，所以用javascript来实现也是欢迎的答案～
问题解答
回答1：最简单的方案是通过transform-style: preserve-3d;来做，这样只需要搭好各个面，变换容器就可以了。
http://jsfiddle.net/cLhofbh6/
可惜IE始终不支持这个属性。此外的方案会比较痛苦，需要针对三个面做旋转，还要保证转轴一致。
标签：
CSS
相关文章：
1. python - 用urllib抓取网页上的下载链接，目标文件是xls形式，但发现抓下来的xls是空表，里面只有一句报错信息，求帮助。2. python - 图片爬虫时候遇到问题 urllib.request.urlretrieve 下载到指定文件夹不成功？3. 利用百度地图API定位及附件商家信息服务4. win10 python3.5 matplotlib使用报错5. 关于Apache无法启动的程序的方式是怎么解决的6. 怎么能做出标签切换页的效果，（文字内容随动）7. java - 关于京东单点登录认证的问题8. （python)关于如何做到按win+R再输入文件文件名就可以运行？9. 怎样用python给mp3添加封面？10. 网页爬虫 - python 爬虫怎么处理json内容
排行榜
网公网安备