所谓径向渐变,如图下,类似光晕
语法:
radial-gradient(
[
[渐变大小]?
[at渐变圆心坐标]?
,]?
颜色[开始位置]
[,颜色[开始位置]]+
);
例1:
.ball{width:200px;height:200px;background:-webkit-radial-gradient(#CC3,#3F9,#06C);}
效果如图下:
例2:
div{width:200px;height:200px;margin:10px;}.first{background:-webkit-radial-gradient(#CC3,#3F9 40%,#06C);}.second{background:-webkit-radial-gradient(35px 35px,#CC3,#3F9 40%,#06C);}.third{background:-webkit-radial-gradient(0px 0px,#CC3,#3F9 40%,#06C);}
此外,需要增加颜色可直接在后面怼,至于颜色后面的百分可以用来控制色域范围~
这期就到这,我是Daniel