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));

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

 

posted @ 2022-11-09 10:53  烂笔头~  Views(175)  Comments(0Edit  收藏  举报