summaryrefslogtreecommitdiffstats
path: root/layout/reftests/svg/smil/style/anim-css-floodcolor-overflow-1-from-by.svg
blob: 1def47fafd6fc6355bfc089045ca7dde2dc2849c (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
<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     class="reftest-wait"
     onload="go()">
  <!-- This is a series of snapshots of a color animation, starting at  -->
  <!-- YellowGreen (#9ACD32 == rgb(154,205,50)) and increasing each     -->
  <!-- channel beyond its maximum. (which should clamp it to 255)       -->
  <style>
    feFlood { flood-color: yellowgreen; }
  </style>
  <script xlink:href="../smil-grid.js" type="text/javascript"/>
  <script xlink:href="../smil-util.js" type="text/javascript"/>
  <script>
    function go() {
      var animAttrHash = { "attributeName" : "flood-color",
                           "from"          : "yellowgreen",
                           "by"            : "rgb(200, 100, 250)" };
      var graphicElemTag = "rect";
      var graphicElemAttrHash = { "width"  : "15px",
                                  "height" : "15px" };
      testAnimatedGridWithDefs(graphicElemTag, graphicElemAttrHash, "filter",
                               [ "filter", "feFlood" ],
                               "animate", [ animAttrHash ]);
    }
  </script>
</svg>