CSSアニメーションでやっていたsvgフィルター。私はCSSでのコンテナのCSSトランジション付きSVGフィルター
<svg xmlns="http://www.w3.org/2000/svg" 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" />
<feComposite in="SourceGraphic" in2="goo" operator="atop"/>
</filter>
</defs>
</svg>
と
filter:url('#goo');
を使用しています。ここで
はフィドル https://codepen.io/sergey_mell/pen/MoRMwR
であり、私は次の問題に捕まってしまいました。アニメーションはいくつかのボックスの中のように実行されているように見えます(サイズは初期のアニメーションの状態サイズに依存するようです)。 誰も私がこれを避けるのを助けることができますか?
あなたの助けと迅速な答えをありがとう! 解決策も見つかりました。しかし、私はコンテナのサイズを知らないので、それは私のためには大丈夫とは思われません。そのため、いくつかの非常に大きな値を設定するか、コンテナで全身をカバーすることはできません。 –