summaryrefslogtreecommitdiffstats
path: root/layout/reftests/image-element/gradient-html-07a.html
blob: a8caf310389b0ffa94b4b63cbe6b2da3bcfcbb4b (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!--
     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>