22 lines
940 B
HTML
22 lines
940 B
HTML
<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>
|