svg元素如何在css中加阴影

在CSS中给SVG元素添加阴影效果可以通过box-shadow属性来实现。box-shadow属性用于在元素周围创建一个或多个阴影效果。

要给SVG元素添加阴影，首先需要为SVG元素设置一个CSS类或ID，然后使用box-shadow属性来定义阴影效果。以下是一个示例代码：

<svg class="svg-element" width="200" height="200">
  <!-- SVG元素的内容 -->
</svg>

.svg-element {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

在上面的示例中，我们为SVG元素添加了一个名为"svg-element"的CSS类，并使用box-shadow属性为该类定义了一个阴影效果。box-shadow属性的值由四个参数组成：

1. 水平偏移量（offset-x）：指定阴影相对于元素的水平位置。
2. 垂直偏移量（offset-y）：指定阴影相对于元素的垂直位置。
3. 模糊半径（blur-radius）：指定阴影的模糊程度。
4. 阴影颜色（color）：指定阴影的颜色。

在上面的示例中，我们设置了水平和垂直偏移量为2px，模糊半径为4px，阴影颜色为rgba(0, 0, 0, 0.5)，即黑色半透明。