重大學習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;

}

圖二陰影是不是更好看真實呢