在CSS中,可以使用box-shadow
屬性為圖片添加陰影,并且只在下方顯示,以下是一個(gè)示例:
img { box-shadow: 0 10px 10px -10px #000; }
在這個(gè)示例中,box-shadow
屬性的四個(gè)值分別表示:水平偏移、垂直偏移、模糊半徑和擴(kuò)展半徑,在這個(gè)例子中,水平偏移和垂直偏移都為0,表示陰影在圖片的下方,模糊半徑為10px,表示陰影的模糊程度,擴(kuò)展半徑為-10px,表示陰影的大小,顏色為#000,表示陰影的顏色為黑色。
這樣,圖片下方就會有一個(gè)模糊的黑色陰影,可以根據(jù)需要調(diào)整陰影的大小、顏色和位置。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時(shí)請以鏈接形式注明文章出處。