CSS3 perspective

看了很多人写的对perspective的理解，还有有点懵，打算写一个自己的理解。

perspective：即为视距，可以看作是人的眼睛到屏幕之间的距离

通常是人离屏幕越远（perspective越大）看到的物体越小，离屏幕越近（perspective）看到的物体越大

但电脑不知道人离屏幕的距离，电脑默认人物在不改变物体位置的时候（相当于物体就在屏幕上，与屏幕上的距离为0，我们称为原点）改变perspective的大小看到的物体都是物体本身的大小

如果我们改变物体的translateZ的值，可以发现：

当translateZ的值为负，且越来越小时（即物体离我们越来越远），物体也越来越小

当translateZ的值为正，且越来越大时（即物体离我们越来越近），物体也越来越大

但是当translateZ的值大于perspective的值时，就看不见物体了，这就相当于物体已经移动到人脑袋后面了，当然看不见了～

最后编辑于：2018.03.15 17:43:04

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。