
我总是喜欢深入研究网络上出现的新的和奇妙的东西,今天我要看看 color-mix 函数,在写这篇文章的时候,它还没有在任何稳定的浏览器中出现,但已经在火狐浏览器中出现了一个标志。
color-mix 的作用是什么?
color-mix 函数允许你混合颜色(谁会想到呢),这些颜色可以是命名的颜色、十六进制的颜色或任何种类的颜色,真的。这非常令人兴奋,因为它允许我们添加一些类似于 SCSS 的功能,如 lighten, darken 甚至 adjust-color 的alpha。
为什么会有色彩空间
色彩空间是另一回事。色彩空间是一种以数学方式定义一组颜色的方法。使用不同的色彩空间可以代表不同的颜色。自然,这意味着在不同的色彩空间中混合颜色会产生不同的结果。
这是Surma在谷歌工作时的一段视频,其中对色彩空间的探讨比我更详细。
实践例子
我举了一个非常快的例子,说明你可以做的一些事情。正如我之前提到的,这些代码在没有标志的情况下无法在稳定的浏览器中运行,所以我也上传了一张结果的图片。
我举了一个非常快速的例子来说明你可以做的一些事情。正如我前面提到的,这段代码中无一能在稳定的浏览器中运行而不需要标志,所以我也上传了一张结果的图片。
我所做的例子是
- 通过与黑色混合使西红柿变暗、
- 与白色混合后,茶色变浅
- 紫色通过与透明色混合变得不透明(技术上似乎是一种颜色)。
- 红色混入绿色

小结
看到像这样的小功能出现在css中,使它变得更加强大,真是太酷了,也许有一天我们根本不需要css预处理器,特别是在谈论css嵌套的时候。非常令人兴奋。
© 版权声明
免责声明
- 本站文章均为原创,除非另有说明,否则本站内容依据 CC BY-NC-SA 4.0 许可证进行授权,转载请附上出处链接及本声明,谢谢。
- 本站提供的资源(插件或主题)均为网上搜集,如有涉及或侵害到您的版权,请立即通过邮箱 admin@wpwpp.com 通知我们。
- 本站所有下载文件,仅用作学习研究使用,下载后请在 24小时内 删除。请支持正版,切勿用作商业用途。
- 因代码可变性,本站不保证兼容所有浏览器、不保证兼容所有版本的 WordPress,不保证兼容您安装的其他插件。
- 本站保证所提供资源(插件或主题)的完整性,但不含授权许可、帮助文档、XML文件、PSD、后续升级等。
- 使用该资源(插件或主题)需要用户有一定代码基础知识!本站只提供汉化及安装教程,仅供参考。由本站提供的资源对您的网站或计算机造成严重后果的,本站概不负责。
- 有时可能会遇到部分字段无法汉化,同时请保留作者汉化宣传信息,谢谢!
- 本站资源售价只是赞助和汉化辛苦费,收取费用仅维持本站的日常运营所需。
- 如果您喜欢本站资源,开通会员享受更多优惠折扣,谢谢支持!
- 如果网盘地址失效,请在相应资源页面下留言,我们会尽快修复下载地址。
- 本站网址:wpwpp.com,联系邮箱:admin@wpwpp.com。
THE END















暂无评论内容