作者文章

Temani Afif

单元素加载器：圆点

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

2024 年 2 月 15 日

制作纯 CSS 加载器是我最喜欢的任务之一。看到那些无限动画总让人感觉很满意。当然，有 *很多* 技术和方法可以制作它们 - 不用再去看 CodePen …

2023 年 8 月 27 日

我们已经浏览了关于 CSS 悬停效果的有趣方法的一系列文章。我们从使用 CSS background 属性的一系列示例开始，然后继续使用 text-shadow 属性，在那里我们实际上没有使用…

2022 年 5 月 26 日

在我上一篇文章中，我们看到了 CSS background 属性如何让我们创建炫酷的悬停效果。这次，我们将重点关注 CSS text-shadow 属性，以探索更多有趣的悬停效果。您可能想知道添加阴影如何…

2022 年 5 月 26 日

不久前，Geoff 写了一篇关于炫酷悬停效果的文章。该效果依赖于 CSS 伪元素、变换和过渡的组合。许多评论表明，可以使用背景实现相同的效果…

2022 年 5 月 26 日

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

2022 年 8 月 11 日

您是否尝试过制作重复的锯齿形 CSS 边框？例如，网站上一个彩色部分与另一个不同颜色的部分的结束点 - 不是直线，而是倾斜的锯齿形、圆形的凸起，…

2023 年 1 月 31 日

我们无法谈论 Web 开发而不谈论响应式设计。这在今天是理所当然的，并且已经持续了多年。媒体查询是响应式设计的一部分，并且它们不会消失。自从…

2023 年 7 月 6 日

为复杂形状添加边框很麻烦，但对复杂形状进行圆角处理简直是噩梦！幸运的是，CSS Paint API 来帮忙了！这正是我们将在本 “探索”…

2021 年 10 月 22 日