在CSS中,可以使用box-shadow
屬性為圖片添加陰影效果。box-shadow
屬性接受四個(gè)值,分別代表陰影的偏移量(horizontal and vertical shadows)、模糊半徑(blur radius)、以及陰影的顏色(color)。
要為圖片添加向右偏移10px、向下偏移5px、模糊半徑為15px、顏色為灰色的陰影,可以使用以下CSS代碼:
img { box-shadow: 10px 5px 15px gray; }
10px
表示向右偏移10像素,5px
表示向下偏移5像素,15px
表示模糊半徑為15像素,gray
表示陰影顏色為灰色。
如果想要添加不同方向的陰影,可以使用逗號(hào)分隔多個(gè)陰影值,以下CSS代碼將為圖片添加兩個(gè)陰影:一個(gè)向右偏移10px、向下偏移5px、模糊半徑為15px、顏色為灰色的陰影,另一個(gè)向左偏移10px、向上偏移5px、模糊半徑為15px、顏色為藍(lán)色的陰影:
img { box-shadow: 10px 5px 15px gray, -10px -5px 15px blue; }
注意,box-shadow
屬性可以應(yīng)用于任何元素,不僅僅是圖片,也可以通過(guò)調(diào)整陰影的偏移量、模糊半徑和顏色來(lái)創(chuàng)建不同的陰影效果。