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

问题描述

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

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

问题解答

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

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