CSS圖片陰影效果制作

在CSS中，我們可以使用box-shadow屬性為圖片添加陰影效果，這個(gè)屬性接受四個(gè)值，分別是水平陰影位置、垂直陰影位置、陰影模糊半徑和陰影顏色，下面是一個(gè)簡(jiǎn)單的示例：

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

這個(gè)示例中，圖片將會(huì)有一個(gè)向右下方偏移的陰影，陰影顏色為黑色，模糊半徑為5像素，你可以根據(jù)需要調(diào)整這些值，以達(dá)到不同的效果。

如果你想要讓陰影更加突出，可以使用更大的水平偏移和垂直偏移值。

img {
    box-shadow: 20px 20px 10px #000;
}

這個(gè)示例中，圖片的陰影將會(huì)更加遠(yuǎn)離圖片本身，看起來更加突出。

你還可以使用不同的顏色來制作不同顏色的陰影。

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

這個(gè)示例中，圖片的陰影顏色將變?yōu)榧t色。

使用CSS的box-shadow屬性，你可以輕松地制作出圖片陰影效果，使圖片更加突出和有趣味性。