重大学习css3 的filter之drop-shadow牛逼

这个属性只能说牛逼，很牛逼

filter：drop-shadow（x,y,blur,color）

-webkit-filter：drop-shadow（x,y,blur,color）

1. 可以给png图片加阴影，box-shadow做不到

看代码

效果如图

对于切图并加阴影的png图，方法十分适合

2.drop-shadow阴影不叠加

（1）.box-shadow  {

1. box-shadow: 0 1px 5px rgba(0,0,0,.5);
2. background: #fff;

}

（2）

.drop-shadow  {

1. -webkit-filter: drop-shadow(0 1px 5px rgba(0,0,0,.5));
2. background: #fff;

}

图二阴影是不是更好看真实呢