<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |
<defs> | |
<linearGradient id="cycle2" xlink:href="#cycle1"> | |
<stop offset="0" stop-color="red" /> | |
<stop offset="1" stop-color="orange" /> | |
</linearGradient> | |
<linearGradient id="cycle1" xlink:href="#cycle2"/> | |
</defs> | |
<rect fill="url(#cycle1) green" width="100px" height="100px"/> | |
<text x="10" y="150">The square above should show a gradient now that webkit supports proper fill fallback</text> | |
</svg> |