CSS3 背景渐变效果是

设置网站背景渐变颜色的单行代码实现。这里我们可以看到这个配色效果相当不错，所以我把脚本录制下来，以后有需要的时候可以使用。这是通过使用CSS3背景渐变效果来实现的。

这里现在使用的是渐变效果。

background:linear-gradient

选择CodeCopy

设置渐变形状、第一个颜色起点、中间颜色点位置、终点颜色

线性渐变类型：

1。渐变形状：可选参数有两种方式 - 1.设置旋转角度。 0度表示从左到右水平，90度表示从上到下。从0度开始，逆时针变化。

2。使用关键字，left表示从左到右，top表示从上到下，同理right表示从右到左，top left表示坐在右上到右下，同理左下、右上、下对了。

一些案例风格注释：

background-image: linear-gradient(160deg, #b100ff 20%,#00b3ff 80%);
background-image: linear-gradient(160deg, #ff0064 20%,#ca00ff 80%);
background-image: linear-gradient(160deg, #0078ff 20%,#002abb 80%);
background-image: linear-gradient(160deg, #00ffd5 20%,#008cff 80%);
background-image: linear-gradient(160deg, #ffce00 20%,#ff8b00 80%);
background-image: linear-gradient(160deg, #a200ff 20%,#cf3700 80%);

选择CodeCopy

最终配备了径向渐变规范和方法

径向渐变：radial-gradient（设置渐变中心、起始颜色渐变大小值、中心颜色值、颜色位置） center，背景色）

渐变中心，可选参数，如30px 20px表示距左侧30px，距顶部20px。它可以是像素、百分比或关键字。默认为中间位置。

渐变形状，可选参数，可取值圆或食 [默认]

渐变大小，可循环参数，可取值

最近边：

定义径向径向长度为从圆心开始到最接近圆心的边

最近的角：

确定从圆心到最接近圆心的角的径向渐变半径的长度。圆

最远边：

定义径向渐变的半径 从圆心到距圆中心最远边的长度

最远角：

定义径向渐变的半径。从圆心到离圆心最远的角的长度。

包含：

包含，定义半径。渐变半径的长度是从圆心到最接近圆心的点。与closest cover

类似：

cover，定义从圆心到距圆心最远点的径向渐变半径的长度。类似于最远角圆渐变最远角圆，椭圆渐变最远角椭圆。