线性渐变：
属性：linear-gradinet(开始位置 角度，起始颜色，终止颜色 )
开始位置：渐变开始的位置，属性值可以为百分比/长度/left、right、top、bottom（可组合使用）
角度：渐变终止方向的角度，当开始位置为数值或百分比时候可用
起始颜色......
终止颜色......
重复渐变将属性修改为：repeating-linear-gradinet()
径向渐变(放射渐变)：
属性：radial-gradinet()(形状 发散方向，起始颜色，终止颜色)
形状:ellipse（椭圆）/circle（圆形）
发散方向：属性值可以为left、right、top、bottom、center（可组合使用）
大小(半径)：属性值可用像素或关键字表示
closest-side:圆心到距离最近的边
farthest-side:圆心到距离最远的边
closest-corner：圆心到距离最近的角
farthest-corner：圆心到距离最远的角
起始颜色......
终止颜色......
重复的径向渐变：repeating-radial-gradinet(）
css3渐变
原文地址：https://www.cnblogs.com/qianqian-it/p/9490682.html