如何在 CSS 中為不規則形狀的 PNG 圖像建立陰影？

在CSS 中為非方形PNG 影像建立投影

將投影應用到具有不規則形狀的PNG 影像可以是傳統的盒子陰影屬性進行挑戰。若要獲得符合影像形狀的適當陰影，可以使用濾鏡：dropShadow() 屬性。

CSS 解：

img {
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}

內嵌解決方案：

<img  src="/static/imghwm/default1.png" data-src="image.png" class="lazy" alt="如何在 CSS 中為不規則形狀的 PNG 圖像建立陰影？" >

• x 和y: 陰影與影像的距離（以像素為單位）
• 模糊（可選） :陰影的模糊度（以像素為單位）
• 顏色：陰影的顏色Shadow

將濾鏡屬性設為 drop-shadow()，瀏覽器會在影像周圍產生遵循其形狀的陰影，從而提供所需的效果。

以上是如何在 CSS 中為不規則形狀的 PNG 圖像建立陰影？的詳細內容。更多資訊請關注PHP中文網其他相關文章！