可重复使用的 CSS“贴纸”效果

受到Jason Lengstorf 的“Boop”图形的启发，我很好奇是否可以仅使用 CSS 来重现贴纸般的外观。

我差点就搞砸了，于是在 Twitter 上寻求帮助，Lynn Fisher 凭借她对 CSS 美术的精通帮了我大忙。我参考了她的调整以及 Adam Kuhn 的评论，将它扩展成了一个可复用的.sticker类。

查看它以了解如何使用以下现代 CSS 属性：

• CSS 变量
• 网格——“孩子们，它不仅仅用于页面布局！”
• clamp用于与视口相关的流体类型大小
• -webkit-background-clip使用和创建的渐变文本-webkit-text-fill-color
• 实心文本边框-webkit-text-stroke