css如何設定不規則陰影

在css中，可以使用drop-shadow屬性設定不規則陰影，只需要給元素設定「filter:drop-shadow(數值 數值 數值 顏色值)」樣式即可。 drop-shadow函數為影像設定一個有模糊度的陰影效果。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

專案中用到不規則圖片做背景，需要用到陰影效果，如圖：

如果用陰影box-shadow會出現凹陷的半圓在白色背景顯示不出來。
可以使用css 實現陰影效果，解決需求。

filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.07));

推薦學習：css影片教學

#

以上是css如何設定不規則陰影的詳細內容。更多資訊請關注PHP中文網其他相關文章！