anim-css-stopcolor-overflow-1-from-by.svg

Enable keyboard shortcuts

Checkerboard

<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>

    stop { stop-color: yellowgreen; }

    rect { stroke: black; }

  </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" : "stop-color",

                           "from"          : "yellowgreen",

                           "by"            : "rgb(200, 100, 250)" };

      var graphicElemTag = "rect";

      var graphicElemAttrHash = { "width"  : "15px",

                                  "height" : "15px" };

      testAnimatedGridWithDefs(graphicElemTag, graphicElemAttrHash, "fill",

                               [ "linearGradient", "stop" ],

                               "animate", [ animAttrHash ]);

  </script>

</svg>