| <head> |
| <style> |
| div { display:inline-block; } |
| .radial1 { width:150px; height:150px; |
| background: -webkit-gradient(radial, 75 75, 20, 75 75, 60, from(green), to(black)); } |
| .radial2 { width:150px; height:150px; |
| background: -webkit-gradient(radial, 75 75, 60, 75 75, 20, from(black), to(green)); } |
| .radial3 { width:150px; height:150px; |
| background: -webkit-gradient(radial, 75 75, 0, 75 75, 60, from(green), to(black)); } |
| .radial4 { width:150px; height:150px; |
| background: -webkit-gradient(radial, 75 75, 60, 75 75, 0, from(black), to(green)); } |
| </style> |
| </head> |
| <body> |
| The test passes if all four boxes have a radial gradient that's green in the center and black at the edge. |
| <h1>Radial Gradients With One Center, Inner Radius > 0</h1> |
| <div class="radial1"></div> |
| <div class="radial2"></div> |
| <h1>Radial Gradients With One, Inner Radius == 0</h1> |
| <div class="radial3"></div> |
| <div class="radial4"></div> |
