CSS可以用來給元素加陰影,而且還可以讓陰影呈現出弧度的效果!下面,我們就來看看如何使用CSS為元素添加弧度陰影。
.box { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); border-radius: 10px; }
上面的代碼中,我們使用了box-shadow屬性來給元素添加陰影,其中,第一個值(0)指定了陰影距離元素左側的距離,第二個值(10px)指定了陰影距離元素頂部的距離,第三個值(20px)指定了陰影的模糊程度,第四個值(rgba(0, 0, 0, 0.2))指定了陰影的顏色和透明度。
另外,我們還使用了border-radius屬性來添加元素的弧度效果,其值為10px,表示元素的四個角都會呈現出弧度效果。
通過這樣的CSS代碼,我們就可以為元素添加出弧度陰影的效果了。
上一篇css寫法規則