LayoutTests/fast/gradients/radial-centered.html

   1 <head>
   2 <style>
   3 div { display:inline-block; }
   4 .radial1 { width:150px; height:150px;
   5            background: -webkit-gradient(radial, 75 75, 20, 75 75, 60, from(green), to(black)); }
   6 .radial2 { width:150px; height:150px;
   7            background: -webkit-gradient(radial, 75 75, 60, 75 75, 20, from(black), to(green)); }
   8 .radial3 { width:150px; height:150px;
   9            background: -webkit-gradient(radial, 75 75, 0, 75 75, 60, from(green), to(black)); }
  10 .radial4 { width:150px; height:150px;
  11            background: -webkit-gradient(radial, 75 75, 60, 75 75, 0, from(black), to(green)); }
  12 </style>
  13 </head>
  14 <body>
  15 The test passes if all four boxes have a radial gradient that's green in the center and black at the edge.
  16 <h1>Radial Gradients With One Center, Inner Radius > 0</h1>
  17 <div class="radial1"></div>
  18 <div class="radial2"></div>
  19 <h1>Radial Gradients With One, Inner Radius == 0</h1>
  20 <div class="radial3"></div>
  21 <div class="radial4"></div>