用js+scss开发了自定义tabbar中间菜单的凸起、凹陷样式，效果如图：

主要实现方法：

过渡的圆角、凸起、凹陷通过clip-path的二次、三次贝塞尔曲线、椭圆来实现；

由于通过clip-path绘制会导致box-shadow无法显示，所以通过drop-shadow来实现类似效果；

直接上代码片段：https://developers.weixin.qq.com/s/lUCjp7mC8P1K

【代码比较随意，请轻喷】