css3 - transform:旋转问题
天蓬老师
天蓬老师 2017-04-17 11:10:21
0
1
591

试实现下面的动效:

粉红色的线是辅助线。

问题看似简单,其实要覆盖全面还是不太容易的。
【某个CSS3属性】其实是不兼容IE的哦,所以用javascript来实现也是欢迎的答案~

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

모든 응답(1)
大家讲道理

最简单的方案是通过transform-style: preserve-3d;来做,这样只需要搭好各个面,变换容器就可以了。

http://jsfiddle.net/cLhofbh6/

可惜IE始终不支持这个属性。
此外的方案会比较痛苦,需要针对三个面做旋转,还要保证转轴一致。

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿