相关文章

在我们这系列关于单元素加载器的文章的第四篇也是最后一篇中，我们将探索 3D 模式。在创建 3D 元素时，很难想象仅仅一个 HTML 元素就足以模拟像立方体的六个面这样的东西。但是，也许我们可以摆脱……

在本系列文章中，我们正在探讨加载器。更重要的是，我们正在分解一些常见的加载器模式，以及如何使用仅仅一个 div 来重新创建它们。到目前为止，我们已经分解了 经典的旋转加载器。现在，……

制作纯 CSS 加载器是我最喜欢的任务之一。看着那些无限动画总是很令人满足。当然，有很多技术和方法可以制作它们——没必要 查看 CodePen 才能……

我们最近介绍了如何使用 CSS mask 属性创建 花哨的边框，现在我们将使用 CSS mask 和 clip-path 来切割角落！有很多技术可以从任何元素的角落切割不同的形状。……

您是否尝试过以重复的锯齿形图案制作 CSS 边框？例如，网站上一个彩色区域的结束和另一个不同彩色区域的开始——不是直线，而是倾斜的锯齿形、圆形的驼峰、……

最近，在寻找一些代码的想法时，我发现自己没有任何艺术天赋，所以我唯一能做的就是找到别人想出的漂亮的东西，然后用干净和……的方式重新制作它们。

Geoff 分享了这个关于 棋盘格，其中瓷砖逐个消失 以显示图像的想法。在其中，一个元素具有背景图像，然后一个 CSS 网格布局包含从填充的背景颜色变为……的“瓷砖”。

这些东西如此相似，我发现很难将它们区分开来。这是 viewBox 的 一个很好的解释（多么酷的名字和 URL，我希望他们能继续使用它）。

最重要的是，clipPath……