gradient-html-07a.html

Enable keyboard shortcuts

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/licenses/publicdomain/

     Test that diagonal repeating SVG gradients as -moz-element render the same as

     CSS gradients.

-->

<!DOCTYPE html>

<html>

<body style="margin:0">

  <div style="width:300px; height:300px; background-image:-moz-element(#g); background-size: 100px 100px;"></div>

  <svg>

    <linearGradient id="g" gradientUnits="objectBoundingBox" x2="1" y2="1">

      <stop stop-color="lime" offset="0"></stop>

      <stop stop-color="black" offset="1"></stop>

    </linearGradient>

  </svg>

</body>

</html>