中软大前端0322-渐变

背景渐变

线性渐变

background:line-grsdient()
background: linear-gradient(white,red,white);
(颜色,颜色,颜色)
background: linear-gradient(to right top,blue,red);
(渐变方向,颜色,颜色)
background: linear-gradient(90deg,blue,red);
(角度,颜色)
background: linear-gradient(90deg,blue 20%,white 0, white 30%,yellow 0,yellow 10%);

径向渐变

background:radial-gradient(circle,red,blue);