![梅問題-CSS3透過Filter屬性,實現不規則的區塊中,建立陰影的效果](http://photo.minwt.com/img/Content/CSS/css-box-shadow/css-box-shandow_00.jpg)
直接透過CSS3的陰影屬性,不但可設定陰影的顏色、模糊的比例、影子的強弱,但這只限於四方形的區塊,若圖像為不規則時,就會出現陰影會以矩形區塊來顯示,就會顯得有些奇怪,好在CSS3還有另一個濾鏡的屬性,同時這濾鏡的屬性內建支援陰影效果,因此只要透過這個濾鏡的屬性,就能輕鬆實現在不規則的區塊中,顯示陰影的效果啦!
Step1
一般只要在物件上,加入box-shadow陰影特效時,這時在物件的四周就會出現淡淡的陰影效果。
![梅問題-CSS3透過Filter屬性,實現不規則的區塊中,建立陰影的效果](http://photo.minwt.com/img/Content/CSS/css-box-shadow/css-box-shandow_01.jpg)
Step2
因此這時只要稍作調整,將box-shadow->filter: drop-shadow(),這樣就可實在,在不規則的物件中,顯示陰影的效果啦!因此有需要的朋友,也趕快學起來囉!!
![梅問題-CSS3透過Filter屬性,實現不規則的區塊中,建立陰影的效果](http://photo.minwt.com/img/Content/CSS/css-box-shadow/css-box-shandow_02.jpg)