一、CSS3 3D 转换简介
1、3D 物体与 2D 物体区别
3D 显示的物体 与 平面 2D 显示的物体有明显的不同 , 3D 显示效果有 近大远小 的 特点 ;
元素的 2D 的 转换效果 有 平移...3D 转换属性
常用的 3D 转换属性 :
matrix3d(n,n,n,n,n,n, n,n,n,n,n,n,n,n,n,n) : 使 4 x 4 矩阵 定义 3D 转换 , 共 16 个值 ;
translateZ...----
CSS3 3D 转换中 , 最常用的两个转换是 :
3D 位移
3D 旋转
1、3D 位移转换语法
3D 位移 是在 3D 位移 基础上 , 增加了 沿 Z 轴平移的功能 ;
2D 的 X...轴 和 Y 轴 方向上平移的属性设置 , 在 3D 平移中仍然保留 ;
常用的 3D 位移转换 :
translateX(x) : 沿 X 轴平移 ;
translateY(y) : 沿 Y 轴平移 ;...实现 3D 空间中的平移 ,
其中 x , y , z 表示 物体 在 三维空间 中 沿着 x 轴 , y 轴 , z 轴 平移的距离 ,
代码作用是 令 div 元素 :
在 x 轴方向上移动 10px