css背景图颜色的径向渐变

最新推荐文章于 2024-08-29 22:00:39 发布

weixin_30914981

最新推荐文章于 2024-08-29 22:00:39 发布

阅读量714

点赞数

原文链接：http://www.cnblogs.com/qlongbg/p/9312600.html

版权

效果图：

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

转载于:https://www.cnblogs.com/qlongbg/p/9312600.html