css3渐变

线性渐变
background-image: linear-gradient(方向, 初始颜色 , 渐变到颜色1 峰值地方, 颜色2 峰值地方.....);
eg: background-image: linear-gradient(to right, red , yellow);

image.png image.png image.png

径向渐变原理差不多 不做赘述