summaryrefslogtreecommitdiffstats
path: root/layout/reftests/svg/smil/anim-gradient-href-01.svg
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" &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>