x
<html><body><h2>A radialGradient with two colors and stop-opacity</h2><svg height="150" width="400" xmlns="http://www.w3.org/2000/svg"> <defs> <radialGradient id="grad1" cx="50%" cy="50%" r="50%" fx="50%" fy="50%"> <stop offset="0%" stop-color="red" stop-opacity="0" /> <stop offset="100%" stop-color="blue" stop-opacity="1" /> </radialGradient> </defs> <ellipse cx="100" cy="70" rx="85" ry="55" fill="url(#grad1)" /> Sorry, your browser does not support inline SVG.</svg></body></html>