gradient-mkr//svg

Stop 1:

R:
G:
B:
A:

Stop 2:

R:
G:
B:
A:

Stop 3:

R:
G:
B:
A:
rotation:

spin:

animate:
offset:
breath:
animate:
<svg viewBox="0 0 150 150"

xmlns="http://www.w3.org/2000/svg"

xmlns:xlink="http://www.w3.org/1999/xlink">

<defs>

<linearGradient id="gradient" gradientTransform="rotate(100 .5 .5)">

<animateTransform attributeName="gradientTransform"

attributeType="XML"

type="rotate"

from="100 .5 .5"

to="460 .5 .5"

dur="230s"

repeatCount="indefinite"/>

<stop id="stop1" offset="0" stop-color="rgb(200, 100, 100, 0.5)"/>

<stop id="stop2" offset=".3" stop-color="rgb(100, 200, 100, 0.5)"/>

<animate attributeName="offset" dur="60s" values="0.30; 0.60; 0.30"

repeatCount="indefinite"/>

</stop>

<stop id="stop3" offset="1" stop-color="rgb(100, 100, 200, 0.5)"/>

</linearGradient>

</defs>


<rect x="0" y="0" width="100%" height="100%" fill="url(#gradient)"/>

</svg>