css背景图颜色的径向渐变

效果图:

css写法:

.bcg{
height: 377px;
width: 100%;
background-color: #3f3259;
margin-top: 80px;
background: radial-gradient(300px 300px at 380px 0, #954659,#3f3259);
}
前面两个属性值分辨表示径向渐变的宽高,at后面的两个属性值是指径向渐变在背景图上的X轴和Y轴的位置,最后两个值是指颜色渐变的过程。


posted on 2018-07-15 11:12  活在当下zql  阅读(242)  评论(0编辑  收藏  举报