文章标签

您是否知道那种有人头从圆圈或洞中探出的效果？著名的猪小弟动画，他挥手告别，同时从一系列红色圆环中探出，就是一个完美的例子，而且……

图像滑块（也称为走马灯）无处不在。有 许多 CSS 技巧来创建常见的滑块，其中图像从左到右滑动（或反过来）。对于 许多 JavaScript 库来说，也是同样的情况……

在本三部分系列的过去两篇文章中，我们一直使用渐变来制作非常酷的图像装饰，只使用 <img> 元素。在这第三部分也是最后一部分中，我们将探索更多使用……的技巧。

欢迎来到本三部分系列的第 2 部分！我们仍然在装饰图像，没有任何额外的元素和伪元素。我希望您已经花时间消化了 第 1 部分，因为我们将继续使用大量的渐变……

正如标题所说，我们将装饰图像！那里有很多其他文章讨论了这一点，但我们在这里涵盖的内容相当不同，因为它更具挑战性。挑战？……

波浪可能是 CSS 中最难制作的形状之一。我们总是尝试用 border-radius 等属性以及大量神奇数字来近似它，直到我们得到看起来有点像的东西。而且那是在……之前。

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

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

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

在之前的一篇文章中，我介绍了 CSS 网格的能力，即 使用其自动放置功能创建复杂布局。在另一篇文章中，我将此进一步提升，即 在网格布局中为图像添加缩放悬停效果……