css3基础---perspective景深进阶

         景深:让3D场景有近大远小的效果(我们肉眼距离屏幕的距离)                    是一个不可继承属性,但他可以作用于后代元素(不是作用于本身的)                      原理:                景深越大 灭点越远 元素变形更小                    景深越小 灭点越近 元素变形更大                    景深基点               视角的位置   灭点   指的是立体图形各条边的延伸线所产生的相交点。透视点的消失点 css3基础---perspective景深进阶

 

css3基础---perspective景深进阶

 

 

 

 

景深基点

css3基础---perspective景深进阶

   默认值:

  perspective-origin:50% 50%;(默认值)

   

 

perspective-origin
    同perspective属性,也是设置在父元素上,对后代元素起作用。 这个属性来设置你在X, Y轴坐标确定的那个点来看这个元素,Z轴是被perspective属性设置的 

  

perspective-origin: left top; 

 

 

上一篇:18.一透视perspective:500px值越小,离屏幕越近。二①3D旋转transform: rotateX/②Y(45deg)③transform: rotate3d(1,1,0,90deg)


下一篇:C编程中的8位、16位、32位整数的分解与合并