前段时间我写过一篇:CSS中background属性总结 整理了background的常用属性。
在CSS3中 background-image 还有一个 gradient 属性——渐变。...: linear-gradient(to right top,red,blue); /*从左下角到右上角*/
效果如下:
多色渐变:可以有多个颜色的值
background-image: linear-gradient...(to right top,red,orange,yellow,green,cyan,blue,purple); /*从左下到右上 颜色。。。...圆形;
圆形渐变:
background-image: radial-gradient(circle,white,blue); /*形状:圆形 内部颜色 外部颜色*/
效果如下:
可以设置圆心位置:
background-image...: radial-gradient(circle at left bottom,white,blue); /*形状:圆形 at left bottom圆心的位置 内部颜色 外部颜色*/
效果如下: