CSS透视与Z轴

一.CSS透视通过模拟人眼的视角来创建三维效果(可以理解为看3D电影,需要借助3D眼镜,这个透视就是让了让网页上产生3D的效果)。我们在现实生活中,当物体远离我们时,会看到它们变小变远。透视效果就是基于这个原理。
image

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

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

四、三维坐标系
image

posted @ 2023-07-19 11:56  弩哥++  阅读(41)  评论(0编辑  收藏  举报