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.testRunner) {
62 testRunner.dumpAsTextWithPixelResults();
68 <div class=
"linear1 box"></div>
69 <div class=
"linear2 box"></div>
70 <div class=
"linear3 box"></div>
72 <div class=
"linear4 box"></div>
73 <div class=
"linear5 box"></div>
74 <div class=
"linear6 box"></div>
76 <div class=
"linear7 box"></div>
77 <div class=
"linear8 box"></div>
78 <div class=
"linear9 box"></div>