css渐变结果

css渐变结果

使用 CSS 渐变可以在两种颜色间制造出平滑的渐变结果。
用它取代图片，可以加速页面的载入时间、减小带宽占用。同时，由于渐变是由欣赏器直接天生的，它在页面缩放时的结果比图片更好，因此你可以更加机动、便捷的调解页面布型

范例寄义线性渐变linear-gradient指在一条直线上举行渐变径向渐变radial-gradient是一种从出发点到尽头颜色从内到外举行圆形渐变（从中央向外拉，像圆一样）一、线性渐变

创建一个线性渐变，至少界说两种颜色节点。颜色节点即你想要出现安稳过渡的颜色。同时，你也可以设置一个出发点和一个方向（或一个角度）。

语法

background: linear-gradient(direction, color1, color2, ...);

1、线性渐变 - 从上到下(to bottom)（默认情况下）/从下到上(to top)