Css设置border从中间向两边的颜色渐进效果
.list-item {
border-bottom: 1rpx solid;
border-image: linear-gradient(to right, rgba(0,0,0,.1) 0%, rgba(81, 110, 197, 0.76) 50%, rgba(0,0,0,.1) 100%) 1;
}
效果如图:
Css设置border从中间向两边的颜色渐进效果
.list-item {
border-bottom: 1rpx solid;
border-image: linear-gradient(to right, rgba(0,0,0,.1) 0%, rgba(81, 110, 197, 0.76) 50%, rgba(0,0,0,.1) 100%) 1;
}
效果如图: