景深

景深:近大远小

程序中实现的方法 perspective 元素距离 视线的距离(物体和眼睛的距离越小,近大远小的效果越明显)
perspective: 1200px;(在父元素中使用)
transform:perspective(1200px) (在子元素中使用)

两个都设置会发生冲突,建议只设置父元素,通常的数值在900-1200之间
如果当你的视线距离物体足够远的时候,基本上就不会有近大远小的感觉
perspective:500px; 900 - 1200
景深的视角:
perspective-origin:
中间:center;
左上角:left top;
(同2D改变变形原点)

发布了27 篇原创文章 · 获赞 0 · 访问量 384

猜你喜欢

转载自blog.csdn.net/Y_SSM/article/details/105398130
今日推荐