HTML and CSS Reference
In-Depth Information
FIGURE 4.27
A simple
repeating radial gradient.
REPEATING-RADIAL-GRADIENT
As with linear gradients, you can also create repeating radial gradients by adding
repeating values into the syntax (
Figure 4.27
):
background: -o-repeating-radial-gradient(50% 50%, 60% 60%,
p
rgba(75, 75, 255,0.5) 10px, rgba(0, 0, 0,0.5) 20px);
background-color: #ff0000;
PROVIDING GRADIENT SUPPORT FOR OLD VERSIONS OF IE
CSS3PIE also adds support for CSS gradients. But again, you need to be careful of
its limited RGBA support. To use CSS3PIE, target a separate, nontransparent color
gradient to IE using a special
-pie-
prefixed background property (bear in mind
that CSS3PIE doesn't add support for
background-image
, just the shorthand). Look
at the following example from the Monty Python blog (I've removed all the less
interesting and prefixed properties for brevity):
