1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/w3c-css/submitted/values3/calc-background-linear-gradient-1-ref.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,38 @@
1.4 +<!DOCTYPE html>
1.5 +<head>
1.6 + <title>CSS Reference: Support calc() on gradient stop positions</title>
1.7 + <link rel="author" title="Yu-Sian (Thomasy) Liu" href="https://bugzilla.mozilla.org/show_bug.cgi?id=594935">
1.8 + <meta name="flags" content="">
1.9 +<style type="text/css">
1.10 +div {
1.11 + width:100px;
1.12 + height:100px;
1.13 + background:red;
1.14 + margin:5px 0 0 5px;
1.15 + float:left;
1.16 +}
1.17 +div#one {
1.18 + background: linear-gradient(lime 0px, lime 90px, blue 90px, blue 100%);
1.19 +}
1.20 +div#two {
1.21 + background: linear-gradient(blue 0px ,green 30px ,red 40px ,white 60px , lime 80px);
1.22 +}
1.23 +div#three {
1.24 + background: linear-gradient(blue 0px ,purple 20px ,red 40px ,blue 60px , lime 80px);
1.25 +}
1.26 +div#four {
1.27 + background: linear-gradient(blue 0px ,green 30px ,red 40px ,blue 60px , yellow 80px);
1.28 +}
1.29 +div#five {
1.30 + background: linear-gradient(red 0px ,green 30px);
1.31 +}
1.32 +</style>
1.33 +</head>
1.34 +<body>
1.35 +<div id="one">1</div>
1.36 +<div id="two">2</div>
1.37 +<div id="three">3</div>
1.38 +<div id="four">4</div>
1.39 +<div id="five">5</div>
1.40 +</body>
1.41 +</html>
