gecko/layout/reftests/image-element/gradient-html-07a.html
2010-08-13 15:36:19 +02:00

19 lines
606 B
HTML

<!--
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;"></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>