此页面角落播放着隐藏的 HDR 视频。当支持 HDR 的浏览器遇到其中一个时,它会切换到 HDR 模式。出于某种原因,CSS
backdrop-filter
+brightness
>100% 组合似乎表现得像 HDR——超出用户控制的显示亮度,达到最大 HDR 亮度——而介于两者之间的所有内容都随之变化。至少这是总体思路,但我仍然不知道它为什么有效;尤其是为什么使用这两个 CSS 属性。
当我查看 Chrome 中的演示时,我看到了一个额外的白色 text-shadow
。在 Safari 中,我看到了额外的白色文本。在 Firefox 中,白色匹配,所以我什么也没看到。可能是一个错误。
我不建议实际使用此技巧,因为我认为额外的白色几乎肯定会消耗额外的电池电量,而用户并没有选择使用它,即使没有播放视频——尽管确实让人觉得很扫兴,因为我们的屏幕能够显示比我们通常能够访问的更白的白色。好消息是,网络上的色彩范围正在扩大,总体而言。
很酷的技巧!
当您的浏览器不支持该站点时,该站点会让人感到困惑。我原以为上面有文本,但按下“全选”却没有显示。只有当我查看 GitHub 时,我才真正看到了它应该是什么样子。