错误方案

利用box-shadow

在面对规则的矩形或者圆形，用 生成的投影可以说堪称完美。

但是面对不规则图形，再用 生成的投影就有点力不从心了。

比如：

可以看出，这时圆角矩形的投影打到三角形上面了。在某些情况下看起来可能会有点不那么和谐。

不适用在伪元素和半透明的装饰上。

正确的方案

利用css3提供的滤镜实现（filter）

Rabbit

这里利用伪元素生成小三角形。