透视
使用perspective属性实现透视效果
什么是透视:近大远小,近实远虚
说明:perspective的值指的是透视距离,透视距离也称为视距,所谓的视距就是人的眼睛到屏幕的距离
立体呈现
transform-style: preserve-3d
perspective与transform-style:preserve-3d的区别
perspective是可以给图像呈现立体感,但那仅仅只是一种3D的视觉感受,并没有真正的在3D环境中
transform-style:preserve-3d则是让元素处在了3D空间
一个是假3D一个是真3D,一个只是实现视觉效果,一个是让元素处于3D空间中,让元素有了立体感
位移
旋转
不是只有学物理才能用左手法则,学计算机也能用!
拓展:自定义x,y,z轴之外的其他旋转轴------极少用到,了解即可
缩放
缩放和在Z轴方向上位移效果是一样的