HTML and CSS Reference
In-Depth Information
creates a vertical gradient that starts with white fading to black and then repeats that
pattern every 10% of the height of the object. Figure 8-29 shows some other examples of
repeating gradients.
figure 8-29
Repeating a gradient
background:
repeating-linear-gradient(-30deg, red,
yellow 10%, blue 20%);
background:
repeating-radial-gradient(bottom, circle, red,
yellow 10%, blue 20%);
You can experiment with the
repeating-linear-gradient()
and
repeating-radial-gradient()
functions using the
demo_repeat_linear_gradients.htm
and
demo_repeat_radial_gradients.htm
Web pages in the tutorial.08/demo folder.
You cannot repeat gra-
dients with the WebKit
gradient()
function
or the Internet Explorer
Gradient
filter.