browser ⟩ SVG ⟩ gradient ⟩ <radialGradient>
radial vs. linear gradients 💾 https://replit.com/@pegasusroe/svg-gradients
<svg viewBox="0 0 350 140" xmlns="http://www.w3.org/2000/svg">
<!-- definitions -->
<defs>
<!-- radial -->
<radialGradient id="radial" cx="0.3" cy="0.3">
<stop offset="10%" stop-color="yellow"/>
<stop offset="95%" stop-color="green"/>
</radialGradient>
</defs>
<circle id="ball"
cx="100" cy="70" r="50"
fill="url(#radial)"
stroke="black"
></circle>
</svg>
