3d转化
3d转化
想要实现3d效果,首先要确定的是观察点,这是2d转换所不需要的。具体的我也看的很糊涂,美术什么的根本不懂好吗。
但有些东西是确定的,perspective定义的是3d元素距视图的距离,因此像translateZ这种转换不可以超出perspective设置的值否则会看不见。
观察点perspective可以设置在需要3d变化的元素的父元素上(没有父元素则写在body上)(称之为舞台),或自己身上,这两者的差别在舞台上只有一个元素时看不出差别,但是当舞台上元素多了,差别就有了(具体用哪种就看你的需求了),原因是每个元素都有自己的perspective自然相互独立,而设在舞台上则更有整体的效果。
另外写3d转换时务必设置transform-style:preserve-3d,和perspective一块设置就好。