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

在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)
左手右手慢动作

inset是從元素側邊進行投影,但是只渲染盒子內部的,丟棄外部的陰影而已.

大家讲道理

box-shadow是一個非常好的功能 最初設計目標是來實現ps blur shadow的
http://blog.csdn.net/freshlover/article/details/7610269

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板