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

文章标签
color

36 篇文章
{
,

}
文章“快速了解 4 个新的 CSS 颜色特性”的直接链接
color color() display-p3 hsl hwb lab lch rgba

快速了解 4 个新的 CSS 颜色特性

我正在我的 “自 CSS3 以来的新特性” 文章中介绍最近和未来可能出现的 CSS 颜色变化。奇怪的是,变化非常多。定义颜色的新方法和即将出现的方法数量与... 

Avatar of Chris Coyier
Chris Coyier 于 2022 年 2 月 11 日 发布
文章“使用不同的颜色空间创建不无聊的渐变”的直接链接
color easing gradients

使用不同的颜色空间创建不无聊的渐变

来自 Tom Quinonero 的 一个小型的渐变生成器工具。你可能会认为将一种颜色淡化到另一种颜色是一个显而易见、简单、已经解决的问题——其实并非如此!

Tom 的生成器做两件事,可以帮助改善渐变

  1. 你
…
Avatar of Chris Coyier
Chris Coyier 于 2022 年 2 月 7 日 发布
文章“useRainbow()”的直接链接
color hsl

useRainbow()

我从工作中抽身,开始了一些小型个人项目(玩具)。其中一个小型项目是 potato.horse,我将所有涂鸦、视觉短篇故事和笑话都保存在这里。快去看看吧!

然而,这篇文章不是... 

Avatar of Rafał Pastuszak
Rafał Pastuszak 于 2022 年 1 月 7 日 发布
文章“Color Alpha Anywhere”的直接链接
alpha color hsl

Color Alpha Anywhere

在我的 “不同程度的自定义属性使用” 文章中,我提到了关于颜色和 CSS 自定义属性的一种情况,我当时想“太过分了”,因为我将 HSL 颜色值拆分得太过头了。将每个颜色都拆分为 H、S 和 L 部分... 

Avatar of Chris Coyier
Chris Coyier 于 2021 年 11 月 21 日 发布
文章“想看更白的白色吗?”的直接链接
color

想看更白的白色吗?

来自 Dongsung Kim 的 一项非常棒的 CSS 技巧。

这个页面角落里播放着隐藏的 HDR 视频。当支持 HDR 的浏览器遇到 HDR 视频时,会切换到 HDR 模式。出于某种原因,CSS backdrop-filter + brightness >100%...

…
Avatar of Chris Coyier
Chris Coyier 于 2021 年 8 月 11 日 发布
文章“使用纯 CSS 混合颜色”的直接链接
color keyframes

使用纯 CSS 混合颜色

红色 + 蓝色 = 紫色……对吧?

是否可以用 CSS 表达这一点?嗯,不容易。有一个 color-mix 函数的提案草案,以及 来自 Chrome 的一定程度的兴趣,但这似乎不太... 

Avatar of Carter Li
Carter Li 于 2021 年 6 月 22 日 发布
文章“使用 JavaScript 调整 RGB 颜色的饱和度和亮度”的直接链接
color hsl rgba

使用 JavaScript 调整 RGB 颜色的饱和度和亮度

最近我一直关注用颜色进行设计(或者说“colour”,因为我是新西兰人,我们这样拼写)。看看 Adam Wathan 和 Steve Schroger 对这个主题的建议,我们会发现... 

Avatar of Hugh Haworth
Hugh Haworth 于 2021 年 2 月 11 日 发布
文章“Web 上不断扩展的颜色色域”的直接链接
color color() color-gamut display-p3 lab lch web colors

Web 上不断扩展的颜色色域

CSS 最早在 1996 年被引入 Web。当时,大多数计算机显示器非常糟糕。CSS 的颜色——无论是用 RGB、HSL 还是十六进制格式定义的——都迎合了... 

Avatar of Ollie Williams
Ollie Williams 于 2022 年 8 月 23 日 发布
文章“CSS 中无逗号的颜色函数”的直接链接
color

CSS 中无逗号的颜色函数

最近有几条关于此的推文在网上广为流传,一条来自 Adam Argyle,另一条来自 Mathias Bynes。这是一个很好的改变,让 CSS 变得更加清晰。以前,每个颜色函数实际上都需要... 

Avatar of Chris Coyier
Chris Coyier 于 2020 年 5 月 4 日 发布
  • 1
  • 2
  • 3
  • ...
  • 4
  • Older

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发的最新动态

使用我们手工制作的时事通讯

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

© 2024 . All rights reserved.