repeating-radial-gradient()函数是 CSS 中的一个内置函数,用于重复径向渐变。
句法:
background-image: repeating-radial-gradient(shape size at position,
start-color, ..., last-color);
参数:此函数接受以下列出的许多参数:
- shape:该参数用于定义渐变的形状。它有两个可能的值圆或椭圆。默认形状值为椭圆。
- size:该参数用于定义渐变的大小。可能的值为:farthest-corner(默认)、最近侧、最近角、最远侧。
- position:该参数用于定义渐变的位置。默认值为中心。
- start-color, …, last-color:此参数用于保存颜色值,后跟可选的停止位置。
下面的例子说明了 CSS 中的重复径向梯度()函数:
例子:
html
CSS Gradients
GeeksforGeeks
A computer science portal for geeks
html
CSS Gradients
GeeksforGeeks
A computer science portal for geeks
输出:
示例 2:
html
CSS Gradients
GeeksforGeeks
A computer science portal for geeks
输出:
支持的浏览器:
- 谷歌浏览器
- IE浏览器
- 火狐
- 歌剧
- 苹果浏览器