3D动画 transform-origin失效的解析

来源:互联网 发布:网络舆情与网络舆论 编辑:程序博客网 时间:2024/05/16 05:14

我们知道3D动画中perspective的写法有两种,如下:

第一种:perspective(600px)

第二种:perspective: 600px;

这两种方式虽然都能实现透视的效果,但是perspective: 600px 这种写法会使transform-origin失效,使用第二种写法的示例Demo,使用第一种写法的示例Demo,从Demo中我们可以明显的看出,当使用第二种方式的时候,transform-origin就失效了,建议我们在 使用透视的时候,尽量用第一种方式