blob: 717454e47d1d515885ef9f3d4905c8cd801b97f7 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<!--
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" <string> 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>
|