css可以绘制这种圆形平滑凸起吗?-灵析社区

雁过留痕

![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/5fd14024d8096450b13a7a3bfdd570f1.png) 这个TAB中间的这种,后面有个平滑凸起的背景

阅读量:12

点赞量:0

问AI
.tab-container { display: flex; justify-content: center; align-items: center; background-color: #f8f8f8; position: relative; height: 60px; } .tab { padding: 10px 30px; background-color: #fff; border-radius: 30px; position: relative; } .tab::before { content: ""; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 60px; height: 20px; background-color: #fff; border-radius: 50%; box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.1); } 选项卡内容