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