note-taking.01

渐变色（css）

从上到下渐变的示例代码：

这个代码中，我们将背景颜色设置为一个线性渐变，从 #77DDFF 渐变到 #FFFFFF。其中，#77DDFF 是一种柔和亮蓝色，而 #FFFFFF 是白色。

background: linear-gradient(#77DDFF, #FFFFFF);

从左到右渐变的示例代码： 

这个代码中，我们将渐变方向设为 to right，即从左到右渐变。其余部分与之前的代码相同。

background: linear-gradient(to right, #77DDFF, #FFFFFF);

从斜上方（45度）渐变：

这个代码中，我们将渐变方向设为 45deg，即从斜上方（45度）渐变。其余部分与之前的代码相同。

background: linear-gradient(45deg, #77DDFF, #FFFFFF);

径向渐变：

这个代码中，我们使用径向渐变来创建一个由圆心开始、外围渐变为白色的效果。其中，circle 表示圆形渐变。

background: radial-gradient(circle, #77DDFF, #FFFFFF);

重复性线性渐变：

这个代码中，我们使用了 repeating-linear-gradient 函数来创建一个重复性的斜向渐变。其中，45deg 表示渐变方向，#77DDFF 和 #FFFFFF 表示起始和结束颜色，而 10% 表示颜色的透明度，即在前 10% 的位置上显示第一种颜色，其余的位置都显示第二种颜色。

background: repeating-linear-gradient(45deg, #77DDFF, #FFFFFF 10%);

对角线渐变：

这个代码中，我们创建了一个从左上角到右下角的对角线渐变。其中，to bottom right表示渐变的方向，#77DDFF 0% 表示渐变开始的颜色和位置，#FFFFFF 50% 表示中间颜色和位置，#77DDFF 100% 表示渐变结束的颜色和位置。

background: linear-gradient(to bottom right, #77DDFF 0%, #FFFFFF 50%, #77DDFF 100%);

一些简单的渐变色个格式，希望可以帮到ni