css 径向渐变实现渐变小圈

2023-03-11,

效果如下图:

代码如下:

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

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

css 径向渐变实现渐变小圈的相关教程结束。

《css 径向渐变实现渐变小圈.doc》

下载本文的Word格式文档,以方便收藏与打印。