Temani Afif

如今，使用clip-path创建复杂形状是一件轻而易举的事，但为这些形状添加边框却总是令人头疼。CSS 并没有提供稳健的解决方案，我们总是需要为每个特定的情况编写特定的“hacky”代码…

在碎片效果之后，我将着手处理另一个有趣的动画：**Blob**！我们都同意，这种效果很难用 CSS 实现，因此我们通常会使用 SVG 来创建这些粘性形状。但是…

在我之前的文章中，我使用 CSS 蒙版和自定义属性创建了碎片效果。这是一个不错的效果，但它有一个缺点：它使用了大量的 CSS 代码（使用 Sass 生成）。这次我…

我最近演示了如何使用cubic-bezier()实现复杂的 CSS 动画，以及在 CSS 过渡中如何做到这一点。我能够创建复杂的悬停效果，而无需诉诸关键帧。在这篇文章中，我…

不久前，Chris 分享了这个漂亮的六边形网格。顾名思义，它使用——等等——CSS 网格来形成该布局。这是一个巧妙的技巧！结合网格列、网格间隙和创意剪辑…

在处理复杂的 CSS 动画时，往往会创建包含大量声明的扩展@keyframes。但是，我想谈谈几个可能有助于简化操作的技巧，同时保持在…

需要将一个元素放置在右侧或左侧，使文本环绕它？对于float属性来说，这是一项简单的任务。但是，如果您还想将该元素（我们称之为…

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