因为需求是让一个半球体状的图片变成可以旋转的摄像头,想了很久也试了很多方法当然和博主菜有关
下面就发现一种方法:
css3的视角改变-perspective(number|none):none的时候就是没有透视
可能你会问到透视是什么了,透视就是emmm,你能否透过现象看本质,也就是你的视角是从哪里开始的,姑且就这么理解吧。
但是这个属性其实现在各大浏览器都是不支持的,目前只有chrome和Safari 两个浏览器支持-webkit-perspective
具体怎么使用呢?
在设置子类动画时,需要向父类动画上添加perspective和transform-style:perserve-3d(3d效果),否则是不会实现的。
然后这个效果可以制作星球旋转和绕着太阳系旋转等等动画。