Как убрать ограничение размера SVG объекта от размытия?

Question

Есть размытый SVG объект, но если его размыть достадочно сильно, что-то не даёт ему размываться дальше, и обрезает часть.

.circle{
    fill: #0adaf5;
}

<?xml-stylesheet type="text/css" href="/css/style.css"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 500" id="svg">
	<defs>
		<filter id="blurCircle">
			<feGaussianBlur id="blur" in="SourceGraphic" stdDeviation="50"/>
		</filter>
	</defs>
	<circle cx="250" cy="250" r="50" class="circle" filter="url(#blurCircle)">
		<animate
				id="blurAnimation"
				attributeName="r"
				values="50; 100; 50"
				dur="3s"
				repeatCount="indefinite"
				fill="remove"
		/>
	</circle>
</svg>

Answer 1

Возможно это повтор вот этого вопроса - https://stackoverflow.com/questions/6555600/gaussian-blur-cutoff-at-edges Там предлагают увеличить размеры самого фильтра (его холст).

БЛОГ НА HUSL

Как убрать ограничение размера SVG объекта от размытия?

Ответы (1 шт):