transform3D变换效果

1.必不可缺的属性:perspective(视角)

    视角是3D元素必不可缺的属性,如果没有,则为2d

    视角的2种写法:一种用在舞台元素上(动画元素们的共同父辈元素);第二种就是用在当前动画元素上,与transform的其他属性写在一起。当有多个元素时,前者以整个舞台为视点,每个元素可能会有不同的形态,而后者每个元素以本身为视点,看上去的效果是一样的。

2.transform-stlye:flat(平面)|preserve-3d(3d):

   应用于舞台元素,

3.隐藏元素,看不到后面的元素

4.对于perspective应当与transform-style:3d写在一起

backface-visibility:hidden;

转载于:https://my.oschina.net/u/3470995/blog/1505513

你可能感兴趣的:(transform3D变换效果)