Temani Afif

顾名思义，我们将装饰图像！网上有很多其他文章讨论过这个话题，但我们在这里介绍的内容相当不同，因为它更像是一个挑战。挑战是什么？…

波浪可能是 CSS 中最难制作的形状之一。我们总是尝试使用诸如border-radius之类的属性和大量魔法数字来近似它，直到我们得到某种感觉接近的东西。而且那是在…

我最近发现了创建纯 CSS 游戏的乐趣。HTML 和 CSS 如何能够处理整个在线游戏的逻辑始终令人着迷，所以我必须尝试一下！此类游戏通常依赖于旧的…

好的，所以上次我们检查时，我们正在使用 CSS Grid 并将其与 CSS clip-path 和 mask 技术相结合，以创建具有花哨形状的网格。

以下是我们一起制作的精彩网格之一：…

在之前的一篇文章中，我研究了 CSS Grid 的能力，即利用其自动放置功能创建复杂的布局。我在另一篇文章中更进一步，该文章在网格布局中的图像上添加了缩放悬停效果…

感谢 CSS Grid，创建图像网格非常容易。但是，在图像放置后使网格执行花哨的操作可能很难实现。

假设您想为…添加一些花哨的悬停效果

使用 CSS Grid 时，首先要做的是在我们要成为网格容器的元素上设置display: grid。然后，我们使用grid-template-columns、grid-template-rows…的组合显式定义网格。

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

我们已经看过旋转器。 我们已经看过点。现在我们将处理加载器的另一种常见模式：**条形**。在本系列的第三篇文章中，我们将像其他文章一样做同样的事情…