layout/reftests/backgrounds/gradient/scaled-color-stop-position-ref.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/backgrounds/gradient/scaled-color-stop-position-ref.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,27 @@
     1.4 +<!--
     1.5 +     Any copyright is dedicated to the Public Domain.
     1.6 +     http://creativecommons.org/publicdomain/zero/1.0/
     1.7 +-->
     1.8 +<!DOCTYPE html>
     1.9 +<html>
    1.10 +<head>
    1.11 +  <title>Color stop positioning for scaled gradients as backgrounds reference</title>
    1.12 +  <style type="text/css">
    1.13 +#outer
    1.14 +{
    1.15 +  border: 1px solid black;
    1.16 +  width: 600px; height: 300px;
    1.17 +}
    1.18 +#inner
    1.19 +{
    1.20 +  width: 400px; height: 300px;
    1.21 +  /* 250px stop is halfway along 500px diagonal */
    1.22 +  background-image: -moz-linear-gradient(top left, lime 0%, teal 250px, black 100%);
    1.23 +  background-image: linear-gradient(top left, lime 0%, teal 250px, black 100%);
    1.24 +}
    1.25 +  </style>
    1.26 +</head>
    1.27 +<body>
    1.28 +<div id="outer"><div id="inner"></div></div>
    1.29 +</body>
    1.30 +</html>

mercurial