5 <style type="text/css" media="screen">
11 border: 1px solid black;
12 background-repeat: no-repeat;
16 background-image: -webkit-linear-gradient(white, black);
17 background-image: -moz-linear-gradient(white, black);
21 background-image: -webkit-linear-gradient(top left, white, black);
22 background-image: -moz-linear-gradient(top left, white, black);
26 background-image: -webkit-linear-gradient(45deg, white, black);
27 background-image: -moz-linear-gradient(45deg, white, black);
31 background-image: -webkit-linear-gradient(-45deg, white, black);
32 background-image: -moz-linear-gradient(-45deg, white, black);
36 background-image: -webkit-linear-gradient(540deg, white, black);
37 background-image: -moz-linear-gradient(540deg, white, black);
41 background-image: -webkit-linear-gradient(top left, white -20%, black 120%);
42 background-image: -moz-linear-gradient(top left, white -20%, black 120%);
46 background-image: -webkit-linear-gradient(top left, white -20px, black 120px);
47 background-image: -moz-linear-gradient(top left, white -20px, black 120px);
51 background-image: -webkit-linear-gradient(top left, white -20%, blue, black 120%);
52 background-image: -moz-linear-gradient(top left, white -20%, blue, black 120%);
56 background-image: -webkit-linear-gradient(0deg, white -20%, blue, black 120%);
57 background-image: -moz-linear-gradient(0deg, white -20%, blue, black 120%);
60 <script type="text/javascript" charset="utf-8">
61 if (window.layoutTestController) {
62 var dumpPixels = true;
63 layoutTestController.dumpAsText(dumpPixels);
69 <div class="linear1 box"></div>
70 <div class="linear2 box"></div>
71 <div class="linear3 box"></div>
73 <div class="linear4 box"></div>
74 <div class="linear5 box"></div>
75 <div class="linear6 box"></div>
77 <div class="linear7 box"></div>
78 <div class="linear8 box"></div>
79 <div class="linear9 box"></div>