5 <style type="text/css" media="screen">
11 border: 1px solid black;
12 background-repeat: no-repeat;
16 /* Green should coincide with the edge of the box, with blue fill (buggy in CG). */
17 background-image: -webkit-radial-gradient(left, circle closest-corner, red, green 150px, blue);
18 background-image: -moz-radial-gradient(left, circle closest-corner, red, green 150px, blue);
22 /* Fill should be orange (buggy in CG). */
23 background-image: -webkit-radial-gradient(left, circle closest-corner, red, green 150px, blue, orange 101%);
24 background-image: -moz-radial-gradient(left, circle closest-corner, red, green 150px, blue, orange 101%);
28 background-image: -webkit-radial-gradient(-100px center, ellipse farthest-corner, black, white);
29 background-image: -moz-radial-gradient(-100px center, ellipse farthest-corner, black, white);
33 background-image: -webkit-radial-gradient(-100px center, ellipse closest-corner, black, white);
34 background-image: -moz-radial-gradient(-100px center, ellipse closest-corner, black, white);
38 background-image: -webkit-radial-gradient(bottom right, black, white);
39 background-image: -moz-radial-gradient(bottom right, black, white);
43 background-image: -webkit-radial-gradient(50% 20%, ellipse contain, black, white);
44 background-image: -moz-radial-gradient(50% 20%, ellipse contain, black, white);
48 <script type="text/javascript" charset="utf-8">
49 if (window.layoutTestController) {
50 var dumpPixels = true;
51 layoutTestController.dumpAsText(dumpPixels);
57 <div class="gradient1 box"></div>
58 <div class="gradient2 box"></div>
59 <div class="gradient3 box"></div>
61 <div class="gradient4 box"></div>
62 <div class="gradient5 box"></div>
63 <div class="gradient6 box"></div>