<repeating-radial-gradient>:repeating-radial-gradient([ <position>,]? [ [ <shape> || <size> ] | <shape-size>{2},]? <color-stop>[, <color-stop>]+);
<position>:[ <length>① | <percentage>① | left | center① | right ]? [ <length>② | <percentage>② | top | center② | bottom ]?
<shape>:circle | ellipse
<size>:closest-side | closest-corner | farthest-side | farthest-corner | contain | cover
<shape-size>:<length> | <percentage>
<color-stop>:<color> [ <length> | <percentage> ]?
示例代码:
(图一)
repeating-radial-gradient(circle contain,#f00,#ff0 10%,#f00 15%);
IE | Firefox | Safari | Chrome | Opera |
---|---|---|---|---|
6-9 #1 | 4.0-15.0 -moz- | 4.0-6.0 -webkit- | 4.0-25.0 -webkit- #2 | 15.0 |
10.0 | 16.0 | 6.1 | 26.0 |