一、单侧投影
1. 单侧投影
box-shadow第四个参数，扩张半径可以设置为负值，会缩小投影的尺寸。
理论上，如果我们应用一个负的扩张半径，而它的值刚好等于模糊半径，那么投影的尺寸就会与投影所属元素尺寸完全一致，我们将完全看不见任何投影。
因此，给投影应用一个正的垂直偏移量，就会在元素的底部看到一道阴影。给投影应用一个负的垂直偏移量，就会在元素的顶部看到一道阴影。左、右侧投影同理。如下图所示。
2.邻边投影
- 我们不应该把投影缩的太小，而是只需要把阴影藏进一侧，另一侧自然露出来就好。因此，扩张半径不应设置为模糊半径的相反值，而应该是这个相反值的一半。
- 需要指定两个偏移量，因为我们希望投影在水平和垂直方向上同时移动。他们的值需要大于或等于模糊半径的一半，因为我们希望把投影藏进两外两条边之内.
3. 双侧投影
用两个投影，每边一个投影。就是将单侧投影中的技巧，运用两次
二、不规则阴影
不规则阴影，染色效果，毛玻璃效果请参看这篇博文《彻底弄懂css filter滤镜》
