min()函数支持一个或多个表达式,每个表达式用逗号分隔,将最小的值作为返回值
语法为clamp(MIN,VAL,MAX):作用是返回一个区间范围内的值,首选值为VAL,大于MAX使用MAX,小与MIN,使用MIN。 相当于min(MIN,min(max,MAX))
--
,需要注意变量名大小写敏感。且注意如果变量值有单位,不能写成字符串。[<angel> | <side-or-corner>],stopColor1,stopColor2
[shape size position],stopColor1,stopColor2
.radial_1 {
/*最简单的渐变:由中心到四周,由蓝色到黄色*/
background-image: radial-gradient(blue, yellow);
}
.radial_2 {
/*半椭圆形渐变:由左侧中心点到四周,有蓝色到黄色*/
background-image: radial-gradient(ellipse 100% 50% at left center, blue, yellow);
}
.radial_3 {
/*左上角到右下角的发散式渐变*/
background-image: radial-gradient(circle farthest-corner at left top, blue, yellow);
}
.radial_4 {
/*指定颜色渐变范围*/
background-image: radial-gradient(ellipse 50% 30%, blue 30%, yellow 70%);
}