CSS3背景渐变主要是一种线性一种径向
线性渐变
linear-gradient(position,color1,color2……)
元素{属性为linear-gradient(不给方向只有两个值从上到下渐变)
to bottom,red ,yellow:从上往下红色渐变为黄色
to top:从下往上
to right:从左往右
to left:从右往左
颜色可以有好多个
to bottom right:从左上到右下角渐变 right可以写在前面
径向渐变
radilal-gradient(center,shape size,start-color……last-color))
不给任何值只给颜色那么颜色会均匀分布整个块元素,颜色后面可以加百分比来调整颜色在整个块元素中存在的比例
百分比总和可以不为100,因为每一个值后面设置的百分比都可以超过百分百
第一个值如果设置为圆形,就算div不是正方形渐变效果也是一个圆,但是如果宽高一样就不明显
--------------------------------------------------------------------