radialGradient with SVG

radialGradient lets authors define radial gradients to fill or stroke graphical elements.

<!DOCTYPE HTML>
<html>
    <head>
        <title>SVG tutorial</title>
    </head>
    <body>
        <svg width="120" height="120">
            <defs>
                <radialGradient id="MyGradient">
                    <stop offset="10%" stop-color="gold"/>
					<stop offset="95%" stop-color="green"/>
                </radialGradient>
            </defs>
			<circle fill="url(#MyGradient)" cx="60" cy="60" r="50"/>
        </svg>
    </body>
</html>