首页 > 技术文章 > 理解CSS3视距perspective

lmhblog 2021-07-27 20:36 原文

一、什么是透视

      透视相当于是模拟视距(视距:眼睛到屏幕的距离)

二、改变透视视与改变z轴的不同
      (一)、改变透视
         改变透视相当于主动挪动眼睛,调整眼睛与屏幕的距离,所以透视数值越大相当于眼睛远离物体,物体越小
      (二)、改变Z轴
         改变X轴相当于主动挪动物体,调整物体与眼睛的距离, 所以z轴数值越大相当于将物体拿近看,物体越大

三、透视距离定了,才能好的观察物体在Z轴上的位置变化

 

推荐阅读