1、过度transform
transform具有层叠性,要实现多个功能如边平移边旋转可以利用transform的复合属性进行连写。
利用transform实现3D效果需要使用translate3d(x,y,z)属性,但z轴无法肉眼观察,需要引入perspective的属性。
perspective(实现近大远小,近实远虚)属性实现透视功能时其添加给需要此功能的父级,其值的范围800-1200px(人眼最适合的范围)。
透视距离也称视距,所谓视距是人的眼睛到屏幕的距离。如图1;
图1
d为视距,z为在z轴上正负移动距离。
立体呈现:transform-style: preserve-3d;使子元素处于真正的3D空间。