CSS3圖片陰影的制作方法

在CSS3中，我們可以使用box-shadow屬性為圖片添加陰影，這個屬性可以接收多個參數(shù)，包括陰影的水平偏移、垂直偏移、模糊半徑、陰影顏色等，下面是一個簡單的示例，展示如何為圖片添加陰影：

img {
  box-shadow: 10px 10px 5px #888;
}

在這個示例中：

10px 是陰影的水平偏移量，表示陰影會在圖片右側(cè)偏移10像素的位置出現(xiàn)。

10px 是陰影的垂直偏移量，表示陰影會在圖片底部偏移10像素的位置出現(xiàn)。

5px 是陰影的模糊半徑，表示陰影的邊緣會有5像素的模糊效果。

#888 是陰影的顏色，表示陰影會是深灰色。

你可以根據(jù)需要調(diào)整這些參數(shù)，以達到不同的陰影效果。box-shadow屬性還支持多個陰影層級的疊加，你可以通過添加多個box-shadow來創(chuàng)建更復(fù)雜的陰影效果。

如果你想要陰影更加自然，可以使用filter屬性中的drop-shadow函數(shù)來添加陰影，這個函數(shù)會創(chuàng)建一個更加真實的陰影效果。

img {
  filter: drop-shadow(10px 10px 5px #888);
}

在這個示例中，drop-shadow函數(shù)的使用與box-shadow類似，但它會創(chuàng)建一個更加逼真的陰影效果，希望這些方法能幫助你在CSS3中制作出精美的圖片陰影效果！