前端页面div上有凹下去的梯形效果怎么实现？

Question

如下图，有个凹下去的tab选择，这个效果用前端应该怎么实现

Answer 1

https://segmentfault.com/a/1190000041240388

Answer 2

可以试试这个属性clip-path

Answer 3

做是可以做，就是会比较麻烦，比如说直接用图片来实现，或者切成多个边角来实现。

也可以让ui给你做一个svg，搭配 mask 属性来实现，思路可以参考这篇文章

Answer 4

找UI要这个的效果图是最方便快捷的