文章标签

我喜欢那种效果，让图像看起来像油画或用浓稠的、流淌的墨水钢笔绘制的插图。当 Scott Vandehey 在...上分享了他的 “半色调过滤器”效果 时，我得到了这个想法。

一方面，用 CSS 创建简单的棋盘格背景很容易。另一方面，除非我们是 CSS-gradient-ninjas 之一，否则我们只能停留在基本的图案上。

至少这是我在盯着...时所想的。

前几天我在 Apple Arcade 上玩了一个名为 wurdweb 的游戏。这是一个有趣的小游戏！像在屏幕上走动的小形状人物（但除此之外什么也不做）这样的细微之处给它带来了很多...

当我想到在 CSS 中创建 条纹 时，我的脑海中立刻浮现出 repeating-linear-gradient 和 硬停渐变。你可以通过在两个颜色停靠点之间使用相同的颜色来创建一个条纹，并使用不同的颜色来创建另一个（或多个）条纹...

重复渐变利用了我们已经可以做到的一个技巧，即在 linear-gradient() 和 radial-gradient() 表示法上创造性地使用 color-stops，并为我们烘焙它。

我们的想法是我们可以从我们创建的渐变中创建图案...

让我们看看用 CSS 构建网格叠加需要什么。它将是响应式的，易于定制，并且会大量使用 CSS 变量（更准确地说是“CSS 自定义属性”）。如果你不熟悉...