問題描述

在box-shadow屬性中可以設置外陰影，內(nèi)陰影。外陰影比較好理解。如何理解內(nèi)陰影呢？比如，

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

想象不出該有的樣子。。。我對外陰影的理解是光從元素上方照過來產(chǎn)生的投影。幾個數(shù)值是對產(chǎn)生的投影的修飾。但是內(nèi)陰影是如何產(chǎn)生的呢？

問題解答

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

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