filter:drop-shadowを使う時だ

先日、プロジェクトをしていたとき、影を使って、影は方向があったので、box-shadowをたくさん書いて実現しました.そして、今日bricssがfilter:drop-shadowと言っているのを見て、豁然としました.
具体的な実装は詳しく説明しないで、コードを直接見ます.
box-shadowシナリオ:

1
2
3

.box-shadow {
box-shadow: rgba(0,0,0,.5) 0 1px 5px;
}

drop-shadowフィルタスキーム:

1
2
3
4
5
6
7

.filter-drop-shadow {
-webkit-filter: drop-shadow(0 1px 5px rgba(0,0,0,.5));
-moz-filter: drop-shadow(0 1px 5px rgba(0,0,0,.5));
-ms-filter: drop-shadow(0 1px 5px rgba(0,0,0,.5));
-o-filter: drop-shadow(0 1px 5px rgba(0,0,0,.5));
filter: drop-shadow(0 1px 5px rgba(0,0,0,.5));
}

効果の比較:
オンラインdemo:http://dabblet.com/gist/3820382
drop-shadowというフィルタについて:

filterを知らない学生はアクセスしてください:-webkit-filterは神馬ですか?

chromeは21バージョンからサポート(現在主流バージョンは22)、Safari 6とios 6ではSafariも

をサポートしています

firefox、Opera、ieはbox-shadowを使い続けましょう

filter仕様は現在webkitとadobeが押しており、firefoxがフォローしており、ie 10も少しサポートされているので、webkitでは、より良い効果を実現することができますが、なぜ使わないのでしょうか.
参照先:http://bricss.net/post/33158273857