六、3D变换
2019-12-08 本文已影响0人
yuzhan550
1. perspective，灭点：
景深的写法：
a. 一种css属性；
b. 一种是transform属性的一个变换函数（必须在第一位）
景深的作用：
构建3D舞台，决定用户的肉眼距离屏幕的水平距离，使3D变换的元素具有近大远小的感觉。
景深和灭点的关系：
景深越大，灭点越远，元素变形越小
景深越小，灭点越近，元素变形越大
景深基点
景深叠加
景深是一个不可继承的属性，但可以作用于所有后代元素
transform-style
transform-style的作用：
构建3D舞台，使3D舞台有层次感
transform-style是一个不可继承属性，它只作用于子元素
backface-visiblility
隐藏元素背面
一个元素分两面，但并不意味元素有厚度，在一个状态下，元素只能展现自己的一面
