跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
custom properties

90 篇文章
{
,

}
文章“由 CSS 自定义属性驱动的视差”的直接链接
动画 自定义属性 GSAP

由 CSS 自定义属性驱动的视差

我的好朋友 Kent C. Dodds 最近发布了他的 新网站,该网站投入了大量的工作。我很幸运地接到了 Kent 的联系,他问我是否可以想出一些…

Avatar of Jhey Tompkins
Jhey Tompkins 于 2021 年 11 月 19 日 发布
文章“不同程度的自定义属性使用”的直接链接
自定义属性 设计系统

不同程度的自定义属性使用

使用 自定义属性 的一种方法是将它们视为设计令牌。颜色、间距、字体等等。您可以在页面根部设置它们,并在整个 CSS 中使用它们。非常有用,而且是经典的…

Avatar of Chris Coyier
Chris Coyier 于 2021 年 10 月 14 日 发布
文章“自定义属性的重大陷阱”的直接链接
自定义属性

自定义属性的重大陷阱

我最近看到这一点让不止几个人感到困惑,包括我自己,所以我要确保把它写下来……

Avatar of Chris Coyier
Chris Coyier 于 2021 年 8 月 19 日 发布
文章“使用内联 CSS 自定义属性和 calc() 创建高效的无限实用程序助手”的直接链接
自定义属性 混合 Sass Sass 映射

使用内联 CSS 自定义属性和 calc() 创建高效的无限实用程序助手

我最近写了一个非常基本的 Sass 循环,它输出多个填充和边距实用程序类。没什么特别的,只是包含 11 个间距值的 Sass 映射,循环用于在每边创建填充和边距的类。…

Avatar of Andy Ford
Andy Ford 于 2021 年 8 月 9 日 发布
文章“在今天的 CSS 中使用绝对值、符号、舍入和模运算”的直接链接
CSS 变量 自定义属性 函数 Houdini 数学

在今天的 CSS 中使用绝对值、符号、舍入和模运算

从很长一段时间开始,CSS 规范就包含了很多非常有用的 数学函数,例如三角函数 (sin()、cos()、tan()、asin()、acos()、atan()、atan2())、指数函数 (…

Avatar of Ana Tudor
Ana Tudor 于 2021 年 7 月 28 日 发布
文章“当然我们可以用纯 CSS 制作一个显示当前时间的时钟!”的直接链接
calc CSS 动画 自定义属性

当然我们可以用纯 CSS 制作一个显示当前时间的时钟!

让我们使用 CSS 自定义属性 和 calc() 函数 构建一个功能齐全且可设置的“模拟”时钟。然后我们也会将其转换为“数字”时钟。所有这些都无需 JavaScript!…

Avatar of Mate Marschalko
Mate Marschalko 于 2021 年 7 月 16 日 发布
文章“字体大小变量命名的困境”的直接链接
自定义属性 字体大小 命名

字体大小变量命名的困境

通常,一个项目将有一组预定的字体大小,通常以变量形式命名,这种命名方式力求某种顺序和一致性。任何规模较大的项目都可以使用类似的东西。总会有…

Avatar of Martin Lexelius
Martin Lexelius 于 2021 年 7 月 6 日 发布
文章“自定义属性脑筋急转弯”的直接链接
自定义属性

自定义属性脑筋急转弯

我是那 82% 答错 Lea Verou 测验的人中的一员。Stephen Shaw 也发布了一个类似的测验,这是一个磨练你的 CSS 技巧的有趣练习。
Avatar of Chris Coyier
Chris Coyier 于 2021 年 6 月 25 日 发布
文章“自定义属性是“将要更改的内容的菜单”吗?”的直接链接
自定义属性

自定义属性是“将要更改的内容的菜单”吗?

PPK 在 “使用自定义属性的两种方法” 中阐述了一个有趣的情况,他与 Stefan Judis 有两种使用 自定义属性 做同样事情的不同方法。在其中一种方法中,悬停和聚焦样式用于…

Avatar of Chris Coyier
Chris Coyier 于 2021 年 6 月 2 日 发布
  • 较新
  • 1
  • 2
  • 3
  • ...
  • 10
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注我们的手工制作的时事通讯,

随时了解 web 开发的最新信息。

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获得免费信用!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.