18910140161

高斯模糊设置?CSS-高斯模糊不't seem-SVG-堆栈溢出

顺晟科技

2022-10-18 12:27:07

150

我使用SVG(包括高斯模糊滤镜)作为DIV的背景,但滤镜部分,SVG中没有溢出原始路径的部分。如图所示:

enter image description here

怎么才能修好它?

我的SVG代码:

<svg viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg">
<filter id="glow">
<feGaussianBlur stdDeviation="10"/>
</filter>
<path transform="translate(5 5)" d="M0 0 L15 20 L30 0" style="fill:transparent; stroke:white; stroke-width:3; stroke-linejoin: round; stroke-linecap: round" />
<path filter="url(#glow)"  transform="translate(5 5)" d="M0 0 L15 20 L30 0" style="fill:transparent; stroke:white; stroke-width:3; stroke-linejoin: round; stroke-linecap: round" />
</svg>

CSS代码:

 div::after {
            content:"";
            position:absolute;
            background-image: url(imgs/thic.svg);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            height: 100%;
            right:20px;
            width:40px;
            top:0
        } 

顺晟科技:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航