css渐变

渐变分为两种：

一、线性渐变（linear gradient）--向下、向上、向左、向右、对角

二、径向渐变（radial gradient）--由他们的中心定义

1、线性渐变（默认是从上向下变化）：

.name{ background：linear-gradient（to right， color，color）；}

（向右变化，也可以将right换成其他几个方向哦~~~或者也可以 right top 这样就是右上啦）

2、、径向渐变

.name{ background：radial-gradient（ circle color 百分比，color 百分比 ）；}

（要注意：百分比也是从零开始的，100%结束；默认的形状是椭圆的，随父盒子体型改变；颜色和百分比间一定要有空格，两组数据间一定要用逗号隔开，千万不要忘！）