card css 淡淡的阴影
时间: 2024-05-14 11:09:56 浏览: 108
css怎么实现阴影效果
在CSS中,可以通过box-shadow属性来实现元素的阴影效果。阴影可以为元素增加一种立体感,使其看起来浮起来或者投影到背景上。
要创建一个淡淡的阴影效果,可以使用以下代码:
```css
.box {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
```
上述代码中,box-shadow属性接受四个值,分别是水平偏移量、垂直偏移量、模糊半径和颜色。在这个例子中,我们将水平偏移量设置为0,垂直偏移量设置为2px,模糊半径设置为4px,颜色设置为rgba(0, 0, 0, 0.2)。其中,rgba表示颜色的红、绿、蓝和透明度值,这里的透明度值为0.2,使得阴影呈现出淡淡的效果。
你还有其他关于CSS阴影效果的问题吗?
阅读全文