在CSS中,我們可以使用box-shadow
屬性為圖片添加陰影效果。box-shadow
屬性可以接收四個值,分別代表陰影的偏移量(horizontal and vertical shadows)、模糊半徑(blur radius)、以及陰影的顏色(color)。
下面是一個示例,展示如何為圖片添加陰影:
img { box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.7); }
在這個示例中:
10px 10px
是陰影在水平和垂直方向上的偏移量。
5px
是陰影的模糊半徑,即陰影的邊緣有多模糊。
0px
是陰影的擴展半徑,但在這里我們不需要擴展陰影,所以設置為0。
rgba(0,0,0,0.7)
是陰影的顏色,這里我們使用了黑色(#000
)的70%不透明度。
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。