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轴的位置,最后两个值是指颜色渐变的过程。
效果图:
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轴的位置,最后两个值是指颜色渐变的过程。