css 径向渐变实现渐变小圈

效果如下图:

 代码如下:

.b-list .ceil .line {
    height: 20px;
    width: 100%;
    margin: 0 auto;
    background: radial-gradient(rgba(235,116,63,0.9), rgba(235,116,63,0.3), rgba(235,116,63,0), rgba(235,116,63,0));
}

background:radial-gradient(rgba(235,116,63,0.9), rgba(235,116,63,0.3), rgba(235,116,63,0), rgba(235,116,63,0));

径向渐变是从中间到四周,,可根据实际情况设置渐变域。

猜你喜欢

转载自blog.csdn.net/yezi_12345/article/details/127772838
今日推荐