Skip to content

Latest commit

 

History

History
19 lines (11 loc) · 520 Bytes

README.md

File metadata and controls

19 lines (11 loc) · 520 Bytes

CSS如何根据背景色深浅切换文字颜色?

示例:css-luma.html

js计算公式:luma = ( r * 0.2126 + g * 0.7152 + b * 0.0722 ) / 255

css属性filter:grayscale + contrast + invert

利用css属性计算

文字颜色变色的临界值,建议0.50.6 深色边框出现的临界值,范围01,推荐0.8+

js给css传入变量值 style="--num: 1" css中:var(--num)

通过clamp(Min,Val,Max)来实现范围控制

CSS新特性:CSS嵌套规则

示例:css-nesting.html