Css3-渐变

Css3中的渐变

1. 线性渐变

div {
	background-image:linear-gradient();
}

background-image:linear-gradient(red,yellow);

线性渐变的基础参数：

① 起始颜色和最终颜色

② 方向 通过to + left / right /top /bottom 来设置,需要注意的是也可以不加to,但是需要加厂商前缀

③ 度数 - deg 如果角度为正，那么为顺时针变化，如果角度为负，那么为逆时针变化。

2. 径向渐变

div {
	background-image:radial-gradient();
}