
直接透過CSS3的陰影屬性,不但可設定陰影的顏色、模糊的比例、影子的強弱,但這只限於四方形的區塊,若圖像為不規則時,就會出現陰影會以矩形區塊來顯示,就會顯得有些奇怪,好在CSS3還有另一個濾鏡的屬性,同時這濾鏡的屬性內建支援陰影效果,因此只要透過這個濾鏡的屬性,就能輕鬆實現在不規則的區塊中,顯示陰影的效果啦!
Step1
一般只要在物件上,加入box-shadow陰影特效時,這時在物件的四周就會出現淡淡的陰影效果。

Step2
因此這時只要稍作調整,將box-shadow->filter: drop-shadow(),這樣就可實在,在不規則的物件中,顯示陰影的效果啦!因此有需要的朋友,也趕快學起來囉!!
