在SVG中使用CSS filter，可以通过在SVG元素的style属性中使用CSS的filter属性来实现。例如，可以在SVG的<rect>元素中添加一个style属性，并在其中设置filter属性来应用一个滤镜效果：
<svg width="100" height="100">
<rect x="10" y="10" width="80" height="80" style="filter: blur(5px);"/>
</svg>
上面的示例中，我们在一个矩形元素中应用了一个模糊滤镜效果。你可以在style属性中使用任何CSS的滤镜效果来改变SVG元素的外观。需要注意的是，并非所有的CSS滤镜效果都适用于SVG元素，具体适用的效果可以参考MDN的文档：https://developer.mozilla.org/en-US/docs/Web/CSS/filter
另外，也可以通过在外部的CSS文件中定义一个滤镜效果，并在SVG元素中引用该滤镜效果的方式来使用CSS filter。示例代码如下：
<style>
.blur-filter {
filter: blur(5px);
}
</style>
<svg width="100" height="100">
<rect x="10" y="10" width="80" height="80" class="blur-filter"/>
</svg>
上面的示例中，我们在外部的CSS文件中定义了一个名为blur-filter的类，该类应用了一个模糊滤镜效果。然后，在SVG元素的class属性中引用该类来应用滤镜效果。
