文章标签

几年前，当我第一次看到 Lea Verou 撰写的一篇文章时，我接触到了这个概念。不幸的是，多范围滑块后来从规范中删除了，但与此同时，也发生了一些其他事情……

我发现这七种用法都非常巧妙且实用。

我尤其喜欢在可以巧妙地进行变体的情况下使用自定义属性，在正常情况下，你可能需要重新声明一大块代码。

.some-element {
  

我非常喜欢Sandwich 网站的设计。在众多漂亮的特性中，这些带有彩虹下划线的标题会随着滚动而移动。这不是滚动劫持——它只是一个小的设计特性，它利用滚动位置来……

你可能已经对 CSS 变量有了一定的了解。如果没有，这里有一个两秒钟的概述：它们实际上被称为自定义属性，你可以在声明块中设置它们，例如 --size: 1em，并像 font-size: var(--size); 这样使用它们作为值……

自从浏览器支持终于达到可以在生产代码中使用的地步以来，我一直在使用CSS 自定义属性来探索其强大功能。我已通过多种方式使用它们，并且我想……

你是否想过如何在不使用任何预处理器功能（如mixin）的情况下自定义CSS 动画关键帧？出于这个原因，我一直求助于预处理器，但如果能放弃另一个依赖项并使用……

在使用切换变量（一个值为 0 或 1 的变量，该概念在这篇文章中进行了更详细的解释）时，我经常希望能够对其进行逻辑运算。我们没有函数……

在 CSS 中，我们可以访问 currentColor，它非常有用。遗憾的是，我们无法访问类似 currentBackgroundColor 的任何内容，并且 color-mod() 函数仍在开发中。

话虽如此，我相信……