More Easy Light-Dark Mode Switching: light-dark() is about to support images!

More Easy Light-Dark Mode Switching: light-dark () is about to support images!

摘要

CSS的light-dark()函数即将支持图片切换啦！以前只能用来切换颜色，现在连背景图、遮罩等都能一键适配深浅模式，再也不用写繁琐的媒体查询了。只需一行代码background-image: light-dark(url(浅色图),url(深色图))，还能自动响应局部配色覆盖。目前Chrome需开实验性功能，Firefox150+已原生支持。未来还可能通过CSS自定义函数实现更多类型值的切换，开发者们可以提前尝鲜啦~