CSS repeating-radial-gradient()函数
-
定义和用法
repeating-radial-gradient()函数用于重复径向渐变。特征 说明 CSS版本 CSS3 -
浏览器支持
表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。函数 IE/Edge Chrome FireFox Safari Opera 函数名称 repeating-radial-gradient() 10.026.010.0 -webkit-16.03.6 -moz-6.15.1 -webkit-12.111.1 -o- -
CSS语法
background-image: repeating-radial-gradient(shape size at position, start-color, ..., last-color);
值 描述 shape 定义渐变的形状。 可能的值: - ellipse (默认)
- circle
size 定义渐变的大小。 可能的值: - farthest-corner (默认)
- closest-side
- closest-corner
- farthest-side
position 定义渐变的位置。 默认是“center” start-color, ..., last-color 颜色停止是您想要渲染平滑过渡的颜色。 该值由颜色值,后跟可选的停止位置(0%和100%之间的百分比或沿梯度轴的长度)组成。 -