CSS3 景深 (perspective)

原创 前端小白hyc 随笔 css3 102阅读 15 天前 举报

感谢 —— http://www.webhek.com/post/css-3d-rotate-cube.html

官宣:

景深(英语:Depth of field, DOF)景深是指相机对焦点前后相对清晰的成像范围。在光学中,尤其是录影或是摄影,是一个描述在空间中,可以清楚成像的距离范围。虽然透镜只能够将光聚 到某一固定的距离,远离此点则会逐渐模糊,但是在某一段特定的距离内,影像模糊的程度是肉眼无法察觉的,这段距离称之为景深。当焦点设在超焦距处时,景深 会从超焦距的一半延伸到无限远,对一个固定的光圈值来说,这是最大的景深。

(对于上面这段话,我完全看不懂)
但在css3中,perspective是用于激活一个3D空间,属性值就是景深大小,默认是 none;

无景深

有景深

就这个 feel 倍儿爽...
2018年第一篇文章,感觉有点对不住 QDfuns, 一天天也不知道在忙啥。。。
以后会加倍努力的。。。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复