HTML and CSS Reference
In-Depth Information
Figure 5-12.
Japanese flag with a radial gradient
You can use the same color stop technique as found in the linear gradient
example to remove the gradient on the radial gradient and create a full circle.
You can use the following code to achieve this, and Figure 5-13 shows the
result.
.box {
background: -webkit-radial-gradient(center, circle contain, #C00C00 70%,
white 70%);
}
Figure 5-13.
Japanese flag with radial gradient removed
