文章标签

JSON 在 CSS 中

Jonathan Neal 发布了一个非常棒的小 CSS 技巧，在 CSS 中插入 JSON 并使用 JavaScript 提取它。自定义属性的有效值非常宽松！所以这将查找 CSS 规则（例如，一个 …

Chris Coyier 于 2021 年 5 月 20 日

关于 CSS 自定义属性的所有重要和有用的信息。例如，它们通常被称为“CSS 变量”，但那不是它们的真实名称。

Chris Coyier 于 2024 年 8 月 12 日

我喜欢让 CSS 做它不应该做的事情。这就像在构建一个 Minecraft 中的计算器时进行的那种解决问题的脑力训练，只是你无论做得多么好，都不可能获得在 Minecraft 红石方面的工作 …

Lee Meyer 于 2021 年 4 月 26 日

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

Temani Afif 于 2021 年 3 月 23 日

嗯，什么是 @property？这是一个新的 CSS 功能！它赋予你超能力。毫不夸张地说，@property 可以做一些以前在 CSS 中无法做到的事情。

虽然关于 @property 的一切都令人兴奋，但 …

Jhey Tompkins 于 2021 年 3 月 4 日

让我们看看如何获取用户的鼠标位置并将其映射到 CSS 自定义属性：--positionX 和 --positionY。

我们可以在 JavaScript 中执行此操作。如果我们这样做，我们可以做一些事情，例如使使一个元素 …

Amit Sheen 于 2021 年 3 月 1 日

前几天，Florens Verschelde 询问关于为类和媒体查询定义暗黑模式样式，而无需重复 CSS 自定义属性声明。我过去也遇到过这个问题，但没有想出 …

Christopher Kirk-Nielsen 于 2021 年 2 月 24 日

除了 @media 查询的特定性质和使用 CSS 自定义属性进行的一些深入技巧之外，CSS 还没有 switch 规则或条件 if。让我们看看为什么如果我们 …

Yair Even Or 于 2021 年 2 月 17 日

在我最近的 “自定义属性作为状态” 文章中，我提到的其中一件事是，理论上，像 React 和 Vue 这样的 UI 库可以自动将它们管理的状态映射到 CSS 自定义属性，这样我们就可以使用该状态 …

Chris Coyier 于 2021 年 1 月 21 日