css3 3D透视的两种写法

今天刚看了一片文章,又学习到了。

原来perspective有两种写法,平常用的是

transform: perspective( 400px )

而这种写法的劣势是同样有透视的多个元素没有在一个坐标系内的联系,之前做的一个小项目内想要实现元素矩阵的整体透视只能给他们加xy轴上的translate,非常不方便。

而现在知道了新方法,只要在父元素上写

perspective: 400px;

它内部的子元素自然的就形成一个整体透视效果

Ruosen

Be a Geek, Do the right thing;