layout/reftests/css-gradients/linear-repeat-1g.html

Wed, 31 Dec 2014 07:16:47 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 07:16:47 +0100
branch
TOR_BUG_9701
changeset 3
141e0f1194b1
permissions
-rw-r--r--

Revert simplistic fix pending revisit of Mozilla integration attempt.

michael@0 1 <body style="overflow:hidden">
michael@0 2 <div style="background: -moz-linear-gradient(black, black 50px, white 50px, white 100px, black 100px, black 150px, white 150px, white 200px);
michael@0 3 background-size: 300px 200px; background-repeat: no-repeat;
michael@0 4 width: 800px; height: 800px;
michael@0 5 margin-bottom: -600px;"></div>
michael@0 6 <!-- making the gradient actually be 300px high isn't reliable since
michael@0 7 the stop positions cannot be exactly represented and rounding errors
michael@0 8 creep in. So just let the gradient be 200px high and pad out to match
michael@0 9 the reference. -->
michael@0 10 <div style="background: black; width: 300px; height: 50px;"></div>
michael@0 11 <div style="background: white; width: 300px; height: 50px;"></div>
michael@0 12 </body>

mercurial