以上是2d属性
其他的均为3d属性，设置了这些属性变具备了z坐标上的图形。
例如：rotatex()这个属性设置之后，当前元素就会具备z坐标，如果不设置假视角，是无法看出3d效果的，必须是指perspective属性之后才会，看出3d的效果。如果3d元素中含有3d元素，则必须使用transform-style: preserve-3d;属性才能看出来3d效果，
包括2d元素也一样的。
哪个元素上有3d元素，perspective设置了之后就能看到其3d效果。如果3d元素是在另一个3d元素上面的，如果不设置transform-style: preserve-3d，也是无效的。
perspective: 150px;
perspective-origin: 10% 10%;
perspective-origin属性
立即学习“前端免费学习笔记（深入）”；
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1008
