CodeLab
Show Output
 
xxxxxxxxxx
25
 
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
<meta charset="utf-8">
5
<title>Example of Repeating the Size Radial Gradients</title>
6
<style>      
7
    .gradient {
8
        width: 400px;
9
        height: 300px;
10
        /* Fallback for browsers that don't support gradients */
11
        background: white;
12
        /* For Safari 5.1 to 6.0 */
13
        background: -webkit-repeating-radial-gradient(black, white 10%, lime 20%);
14
        /* For Internet Explorer 10 */
15
        background: -ms-repeating-radial-gradient(black, white 10%, lime 20%);
16
        /* Standard syntax */
17
        background: repeating-radial-gradient(black, white 10%, lime 20%);
18
    }
19
</style>
20
</head>
21
<body>
22
    <div class="gradient"></div>
23
</body>
24
</html> 
25
​
 

在微博、微信、公众号、小程序分享此示例。 如果您觉得有帮助,请给我们一个赞。