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
repeating-linear-gradient(-30deg, red,
yellow 10%, blue 20%);
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.
Search WWH ::

Custom Search