轴 移动 , 也就是下图中的 Z 距离 ;
Z 轴的 Z 数值 是 物体 和 成像平面 之间的距离 , 默认为 0 ;
如果 Z 增加 , 说明 物体 越靠近 眼睛 , 在平面上成像范围更大 ;
如果...Z 减小 , 说明 物体 越远离 眼睛 , 在平面上成像范围减小 ;
translateZ 转换 就是 上图中的 Z 距离转换 , Z 越大 , 越靠近眼睛 , 物体显示就越大 ;
2、网页调试工具调试...Z 轴平移值为 -200 px 时 , 显示的样式如下 , 标签元素会变小 ; 近大远小 , 这里变远了 ;
Z 轴平移值为 200 px 时 , 显示的样式如下 , 标签元素会变大 ;...;
设置元素的 3D 转换属性为 :
/* 设置 3D 转换 */
transform: translateZ(0)
相当于在下图中 , 视距 ( 人眼距离成像平面距离...500 像素的 视距 ;
设置元素的 3D 转换属性为 :
/* 设置 3D 转换 */
transform: translateZ(200)
相当于在下图中