前些天在做一個項目的時候，用到了陰影，陰影是個方向都有的，于是寫了一大坨box-shadow來實現(xiàn)，然后今天看到bricss說到filter:drop-shadow，豁然開朗。
具體的實現(xiàn)不用不細(xì)講了，直接看代碼：
box-shadow方案：


drop-shadow濾鏡方案：


效果對比：
 
關(guān)于drop-shadow這個濾鏡：

不了解filter的同學(xué)請訪問：-webkit-filter是神馬？
chrome從21版本開始支持（現(xiàn)在主流版本是22），Safari 6和ios 6中Safari也都支持
firefox、Opera、ie繼續(xù)用box-shadow吧
filter規(guī)范現(xiàn)在由webkit和adobe在推，firefox在跟進(jìn)，ie10也支持一點點了，所以在webkit上，可以實現(xiàn)更好的效果，為什么不用呢？

最新評論