中间的有突出效果是怎么实现的啊CSS?-灵析社区

momo

![210bd52beb1c170cbe35f09595286fb.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/789285fa4d81ec61275f5602e243020b.png) 中间的有突出效果是怎么实现的啊CSS ![9d5f14224576d8f996a506799b56000.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/fdc9dcc0f62d4b9c6530c9405022f0b1.png)

阅读量:143

点赞量:0

问AI
看你想怎么实现,最简单的做法,在上面覆盖一个白色透明渐变就好。可以用伪元素,比如: .progress-bar { position: relative; } .progress-bar::after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 1rem; background: linear-gradient(to right #fff0, #ffff); } 代码没调试,指个大方向。