css - 如何理解box-shadow中的inset?
大家讲道理
大家讲道理 2017-04-17 11:15:40
0
2
832

在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;
}

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

大家讲道理
大家讲道理

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

reply all(2)
左手右手慢动作

Inset projects shadows from the side of the element, but only renders the inside of the box and discards the external shadows.

大家讲道理

box-shadow is a very good function. The original design goal is to realize ps blur shadow
http://blog.csdn.net/freshlover/article/details/7610269

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template