• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS3 Radial Gradients</title>
7
    <style>
8
        #grad {
9
            height: 300px;
10
            width: 300px;
11
            background: red;
12
            background: -webkit-repeating-radial-gradient(red, white 10%, blue 20%);
13
            background: -moz-repeating-radial-gradient(red, white 10%, blue 20%);
14
            background: -o-repeating-radial-gradient(red, white 10%, blue 20%);
15
            background: repeating-radial-gradient(red, white 10%, blue 20%);
16
        }
17
    </style>
18
</head>
19
​
20
<body>
21
​
22
    <h1>반복되는 원형 그래디언트</h1>
23
    <div id="grad"></div>
24
​
25
</body>
26
​
27
</html>