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

最新推荐文章于 2024-08-25 20:52:11 发布

MapVillage

最新推荐文章于 2024-08-25 20:52:11 发布

阅读量2.4k

点赞数 1

本文链接：https://blog.csdn.net/gggg5643/article/details/78003863

版权

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

第一种：perspective(600px)

第二种：perspective: 600px;

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