CSS樣式表中的陰影屬性為box-shadow。它可以使一個(gè)
元素產(chǎn)生陰影:
div { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
在上面的代碼中,box-shadow的屬性值包含四個(gè)參數(shù)。第一個(gè)參數(shù)表示陰影水平方向的偏移量,第二個(gè)參數(shù)表示陰影垂直方向的偏移量。第三個(gè)參數(shù)表示陰影的模糊半徑,值越大則陰影越模糊;第四個(gè)參數(shù)是陰影的顏色,使用rgba()函數(shù)表示,其中的三個(gè)數(shù)值分別表示紅、綠、藍(lán)的色值,最后一個(gè)數(shù)值表示透明度,值越小則陰影越淡。
如果需要添加多個(gè)陰影效果,可以使用逗號(hào)分隔多個(gè)box-shadow屬性值:
div { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.1); }
上面的代碼中,