通过滤镜filter属性hue-rotate变换主题的方案
主题切换方案一般都是依赖Css变量去做,但是可以通过滤镜属性可以实现主题色的变换;
1,hue-rotate属性,用于调整元素的色相,色相的概念可以在 HSL 中看到
- H:色相
- S:饱和度
- L:亮度
body { filter: hue-rotate(45deg); }
成本几乎为0,实现简单。缺点是对于某些图片或者不想改的颜色需要特殊处理。
时间如白驹过隙,忽然而已,且行且珍惜......
主题切换方案一般都是依赖Css变量去做,但是可以通过滤镜属性可以实现主题色的变换;
1,hue-rotate属性,用于调整元素的色相,色相的概念可以在 HSL 中看到
body { filter: hue-rotate(45deg); }
成本几乎为0,实现简单。缺点是对于某些图片或者不想改的颜色需要特殊处理。