CSS 重复径向渐变repeating-radial-gradient

CSS 重复径向渐变

CSS中重复的径向渐变，可以设计出类似水波一样的样式效果，比如下方的这个示例（当然，鄙人的设计水平比较有限）：

CSS重复径向渐变，可以通过CSS的background-image属性的repeating-radial-gradient来设置，语法如下：

background-image:repeating-radial-gradient(color1, color2-stop, color3-stop...)

提示：其中stop的值可以是px，也可以是百分比%等等。

<div id='d1'></div>

<style>
  #d1{width:100%;height:50%;background-image:repeating-radial-gradient(yellow, orange 25px, pink 25px)}
</style>

hot：热门