admin 管理员组

文章数量: 1184232

舞台元素perspective的设置位置

如果你要让一个物体在一个空间里运动，比如一个小方块在不停得旋转翻转。我们知道一个方块是由六个面构成的，假设我们用ul li结构来表示好了，一个ul下面有六个li，给每个li设置宽高：

然后让他们移动到各自的位置上：


这时候他们只是一个面，旋转之后拍平在浏览器屏幕上也许就变成了一根线，为了让他们变成一个体，你需要在他们的父级上定义一个transform-style：perspective-3d属性。

这时候给父级设置下动画效果看看整体各个面的状况：

结果发现各个面是一个体了，但是没有透视效果，就是传说中的近大远小效果啦。 所以我们要在父级ul所在的空间也就是ul的父级，添加一个perspective属性:

大功告成。。。

本文标签： 属性 perspective style transform

版权声明：本文标题：关于perspective属性与transform-style属性 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1758714994a3089580.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。