layout/reftests/css-gradients/linear-diagonal-9-ref.html

Fri, 16 Jan 2015 18:13:44 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Fri, 16 Jan 2015 18:13:44 +0100
branch
TOR_BUG_9701
changeset 14
925c144e1f1f
permissions
-rw-r--r--

Integrate suggestion from review to improve consistency with existing code.

michael@0 1 <!DOCTYPE html>
michael@0 2 <style>
michael@0 3 .x { width: 200px; height: 100px; display: inline-block; }
michael@0 4 .a { background: -moz-linear-gradient(top -90deg, blue, white, red); }
michael@0 5 .e { background: -moz-linear-gradient(top right -2.03444394rad, blue, white, red); }
michael@0 6 .g { background: -moz-linear-gradient(right 180deg, blue, white, red); }
michael@0 7 .i { background: -moz-linear-gradient(bottom right 2.03444394rad, blue, white, red); }
michael@0 8 .k { background: -moz-linear-gradient(bottom 90deg, blue, white, red); }
michael@0 9 .m { background: -moz-linear-gradient(bottom left 1.10714872rad, blue, white, red); }
michael@0 10 .o { background: -moz-linear-gradient(left 0deg, blue, white, red); }
michael@0 11 .q { background: -moz-linear-gradient(top left -1.10714872rad, blue, white, red); }
michael@0 12 </style>
michael@0 13 <div class="x a"></div>
michael@0 14 <div class="x e"></div>
michael@0 15 <div class="x g"></div>
michael@0 16 <div class="x i"></div>
michael@0 17 <div class="x k"></div>
michael@0 18 <div class="x m"></div>
michael@0 19 <div class="x o"></div>
michael@0 20 <div class="x q"></div>

mercurial