Gradient bán kính lặp lại (Repeating Radial Gradients) trong CSS3

Giới thiệu

Bạn có thể sử dụng gradient bán kính lặp lại trong CSS3 với cú pháp repeating-radial-gradient.

Ví dụ

<html>
<head>
    <style>
        #grad1 {
            height: 100px;
            width: 550px;
            background: -webkit-repeating-radial-gradient(blue, yellow 10%, green 15%);
            background: -o-repeating-radial-gradient(blue, yellow 10%, green 15%);
            background: -moz-repeating-radial-gradient(blue, yellow 10%, green 15%);
            background: repeating-radial-gradient(blue, yellow 10%, green 15%);
        }
    </style>
</head>
<body>
    <div id="grad1"></div>
</body>
</html>