[WIP]巧用 CSS 实现高频出现的复杂怪状按钮（二）

[chokcoco]

接上篇，巧用 CSS 实现高频出现的复杂怪状按钮。

上篇中，我们通过渐变的高阶技巧，实现了如下的内凹圆角边框：

本文，我们将探讨另外一个非常有意思的图形 -- 内凹平滑圆角：

此图形与我们在 使用 CSS 轻松实现高频出现的各类奇形怪状按钮 讨论的类似于 Chrome Tab 造型的按钮相比，是一种反向操作。

类似于 Chrome Tab 按钮造型

常见于这样的设计中：

内凹平滑圆角实现上的难点

相对于上述 outside-circle 图形，内凹平滑圆角实现上的难点在于 -- 内凹部分要求是透明的！

所以下面这种方式就无法奏效：