css3基础---perspective景深进阶
作者:互联网
景深:让3D场景有近大远小的效果(我们肉眼距离屏幕的距离)
是一个不可继承属性,但他可以作用于后代元素(不是作用于本身的)
原理:
景深越大 灭点越远 元素变形更小
景深越小 灭点越近 元素变形更大
景深基点
视角的位置
灭点
指的是立体图形各条边的延伸线所产生的相交点。透视点的消失点
景深基点
默认值:
perspective-origin:50% 50%;(默认值)
perspective-origin
同perspective属性,也是设置在父元素上,对后代元素起作用。 这个属性来设置你在X, Y轴坐标确定的那个点来看这个元素,Z轴是被perspective属性设置的
perspective-origin: left top;
标签:css3,origin,进阶,元素,---,perspective,灭点,景深,属性 来源: https://www.cnblogs.com/leiyanting/p/14983696.html