css - 如何理解box-shadow中的inset？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

css - 如何理解box-shadow中的inset？

大家讲道理 2017-04-17 11:15:40

[CSS3讨论组]

1040

在box-shadow属性中可以设置外阴影，内阴影。外阴影比较好理解。如何理解内阴影呢？
比如，

#Example_L {
-moz-box-shadow: inset 0 0 5px 5px #888;
-webkit-box-shadow: inset 0 0 5px 5px#888;
box-shadow: inset 0 0 5px 5px #888;
}

想象不出该有的样子。。。
我对外阴影的理解是光从元素上方照过来产生的投影。几个数值是对产生的投影的修饰。但是内阴影是如何产生的呢？

大家讲道理

光阴似箭催人老，日月如移越少年。

全部回复(2)

ringa_lee2017-04-17 11:17:40 2楼

inset是从元素侧边进行投影,但是只渲染盒子内部的,丢弃外部的阴影而已.

赞 +0

添加回复

大家讲道理2017-04-17 11:17:40 1楼

box-shadow是一个非常好的功能最初设计目标是来实现ps blur shadow的
http://blog.csdn.net/freshlover/article/details/7610269

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

PHP学习

技术支持

返回顶部