{site_name}

{site_name}

🌜 搜索

CSS径向渐变是一种CSS背景属性,用于创建从一个中心点向外扩散的颜色过渡效果

前端 𝄐 0
径向渐变html,css渐变方向,css里的渐变怎么写,css径向渐变怎么用,css径向渐变画圆,html5径向渐变
CSS径向渐变是一种CSS背景属性,用于创建从一个中心点向外扩散的颜色过渡效果。径向渐变由两个或多个颜色定义组成,它们在圆形渐变中逐渐混合。

语法如下:

background: radial-gradient(shape, start-color, ..., last-color);


其中,shape是可选参数,有四个值:

- circle: 创建圆形渐变。
- ellipse: 创建椭圆渐变。
- closest-side: 创建以最近边缘作为半径的圆形渐变。
- farthest-side: 创建以最远边缘作为半径的圆形渐变。

start-color和last-color是起始颜色和最终颜色,可以添加更多的颜色来创建多重径向渐变。

以下是一个简单的例子,展示了一个红色到黄色的径向渐变:

background: radial-gradient(red, yellow);


可以通过更改参数来创建不同形状、颜色和大小的径向渐变。