Do not use component transfer and instead increase blur stdDeviation.
parent
7deaeea2f6
commit
6a03fbdf79
|
@ -62,13 +62,10 @@ const ProgressCircle = ({
|
||||||
height={height + extraHeight}
|
height={height + extraHeight}
|
||||||
width={width + extraWidth}
|
width={width + extraWidth}
|
||||||
>
|
>
|
||||||
<feGaussianBlur in="SourceAlpha" stdDeviation="3" /> {/* stdDeviation is how much to blur */}
|
<feGaussianBlur in="SourceAlpha" stdDeviation="5" /> {/* stdDeviation is how much to blur */}
|
||||||
<feOffset dx="0" dy="0" result="offsetblur" /> {/* how much to offset */}
|
<feOffset dx="0" dy="0" result="offsetblur" /> {/* how much to offset */}
|
||||||
<feComponentTransfer>
|
|
||||||
<feFuncA type="linear" slope="2.0" />
|
|
||||||
</feComponentTransfer>
|
|
||||||
<feMerge>
|
<feMerge>
|
||||||
<feMergeNode /> {/* this contains the offset blurred image */}
|
<feMergeNode in="offsetBlur" />
|
||||||
<feMergeNode in="SourceGraphic" /> {/* this contains the element that the filter is applied to */}
|
<feMergeNode in="SourceGraphic" /> {/* this contains the element that the filter is applied to */}
|
||||||
</feMerge>
|
</feMerge>
|
||||||
</filter>
|
</filter>
|
||||||
|
|
Loading…
Reference in New Issue