byzhangxinxufromhttps://www.zhangxinxu.com/wordpress/?p=11447本文可全文转载,独立域名个人网站无需授权,但需要保留原作者、出处以及文中链接,任何网站均可摘要聚合,商用请联系授权。一、温故而知新在学习本文内容之前,大家有必要先了解彩色字体与font-palette属性,见此文:“超酷!CSS font-palette与彩色字体显示”不然,本文的这些内容学习起来会比较吃力。什么内容呢?介绍font-palette属性两个全新的特性,支持animation和palette-mix()函数。其兼容性如下:目前Chrome浏览器已经支持,下面花几分钟时间快速了解下这两个特性的作用和样式表现。二、palette-mix()混合函数palette-mix()函数可以对两个不同的调色板色值进行混合,支持多种颜色模式,语法参考:/* 混合字体定义的调色板 */
font-palette: palette-mix(in lch, normal, dark)
/* 混合开发者定义的调色板 */
font-palette: palette-mix(in lch, --blues, --yellows)
/* 每种调色板混合的百分比各不相同 */
font-palette: palette-mix(in lch, --blues 50%, --
...
继续阅读
(11)