gecko/layout/reftests/svg/smil/anim-gradient-href-01.svg

30 lines
1.1 KiB
XML
Raw Normal View History

<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
class="reftest-wait"
onload="setTimeAndSnapshot(0.25, true)">
<title>Test animation of the "xlink:href" &lt;string&gt; attribute on the "linearGradient" element</title>
<script xlink:href="smil-util.js" type="text/javascript"/>
<defs>
<linearGradient id="grad1a" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0">
<stop id="red" stop-color="red" offset="0"/>
</linearGradient>
<linearGradient id="grad1b" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0">
<stop id="lime" stop-color="lime" offset="0"/>
</linearGradient>
<linearGradient id="grad2" xlink:href="#grad1a">
<animate attributeName="xlink:href"
begin="0s" dur="0.5s"
from="#grad1a" to="#grad1b"
fill="freeze"/>
</linearGradient>
</defs>
<rect width="100%" height="100%" fill="lime"/>
<rect x="20" y="150" width="440" height="80" fill="url(#grad2)" />
</svg>