CSS篇之圆角梯形

附上一篇文章:梯形tab按钮-基于clip-path path函数实现 - JSRUN.NET

他这个区别在于,收尾两侧都是直角的,如图

CSS篇之圆角梯形_第1张图片

下面这个是圆角:

CSS篇之圆角梯形_第2张图片

思路:

CSS篇之圆角梯形_第3张图片

代码如下:





最后:附上一个CSS实现的另一种方法

实现梯形圆角tab - 掘金

你可能感兴趣的:(css,前端)