使用3D效果都需要创建3维空间
定义位移:translate3d()
transform:translate3d(x轴移动,y轴移动,z轴移动),z值越大时,元素距离浏览者越近
transform:translateX(x轴移动)
transform:translateY(Y轴移动)
transform:translateZ(Z轴移动)
元素只沿z轴移动,向前靠近
定义缩放:scale3d()
transform:scale3d(x轴缩放,y轴缩放,z轴缩放)
transform:scaleX(x轴缩放)
transform:scaleY(Y轴缩放)
transform:scaleZ(Z轴缩放)
为了能看到效果,增加一个rotateX(45deg)功能
定义旋转:rotate3d()
transform:rotate3d(x旋转轴矢量值,y旋转轴矢量值,z旋转轴矢量值,角度值),矢量值为0-1
transform:rotateX(x轴旋转)
transform:rotateY(Y轴旋转)
transform:rotateZ(Z轴旋转)