小编Wer*_*ter的帖子

SVG 粘性效果不适用于最新版本的 FireFox

我有一个问题,当使用黑色以外的任何其他颜色时,我的 feGuassian 模糊无法正常工作。

在 chrome 上它工作得很好。我还没有在 safari 上测试过。

在此处输入图片说明

我在 jsFiddle 上创建了一个示例:

HTML:

<div>
<div class="bigLogo">
    <div class="blobs">
    <div class="blob"></div>
    <div class="blob"></div>
    <div class="blob"></div>
    <div class="connect12">
        <div class="part1"></div>
        <div class="part2"></div>
        <div class="part3"></div>
    </div>
    <div class="connect23">
        <div class="part3"></div>
    </div>
    <div class="connect31">
        <div class="part3"></div>
    </div>
</div>
<svg xmlns="http://www,w3.org" version='1.1'>
    <defs>
        <filter id="goo">
            <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur"/>
            <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0                                                                                       0 1 0 0 0                                                                                   0 0 1 0 0                                                                                   0 0 0 18 -7" result="goo"/>
            <feBlend in="SourceGraphic" in2="goo" …
Run Code Online (Sandbox Code Playgroud)

html css firefox svg

3
推荐指数
1
解决办法
1000
查看次数

标签 统计

css ×1

firefox ×1

html ×1

svg ×1