在今年清明的那天,很多网站都变灰色了,其实现原理为在html元素加上了css3属性filter(滤镜)。
html {
    filter: grayscale(1);
}即可设置灰度为100%。
效果如下:

还可以通过修改
html {
    filter: brightness(0.9);
}调节页面亮度,实现夜间模式。
效果如下:

grayscale和brightness的值可以是0-100%。
    
    
    
CSS3的filter属性解析
阅读 70
2022-06-16
在今年清明的那天,很多网站都变灰色了,其实现原理为在html元素加上了css3属性filter(滤镜)。
html {
    filter: grayscale(1);
}即可设置灰度为100%。
效果如下:

还可以通过修改
html {
    filter: brightness(0.9);
}调节页面亮度,实现夜间模式。
效果如下:

grayscale和brightness的值可以是0-100%。
    
    
    
相关推荐
精彩评论(0)