如何仅使用 CSS（无剪辑路径）创建具有自定义形状的按钮？

Question

在此输入图片描述

这是我的按钮设计，我想仅使用 css 来创建。

“我尝试使用 Clip-path，它可以工作，但我想仅使用 CSS 创建它。任何建议将不胜感激......”

我使用的剪辑路径：剪辑路径：多边形(0% 32.4%, 88% 1%, 88% 98%, 1% 78.43%);

Answer 1

使用边框半径通过圆化按钮的角来创建圆形或椭圆形。在伪元素（::before、::after）之后，通过创建可以与主元素分开设置样式的附加层来向按钮添加额外的形状。然后，通过将特定边框设置为透明并将一侧设置为纯色，使用边框创建三角形或其他自定义形状。您可以组合这些来创建没有剪辑路径的形状。