最近有一个需求,一个圆形的渐变颜色背景。
开始动手吧!
标准浏览器:
使用linear-gradient,CSS linear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变的图片。
linear-gradient()语法:
linear-gradient( angle | side-or-corner , ? color-stop);
第一个参数:用角度值指定渐变的方向(或角度)。
第n个参数:用于指定渐变的起止颜色。arguments,多传多个参数。
示例:
background: linear-gradient( 84deg, rgba(242, 90, 137, 1), rgba(231, 42, 31, 1) )