其他分享
首页 > 其他分享> > css3基础---perspective景深进阶

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