Heck of a CSS trick hier von Dongsung Kim.
Es werden versteckte HDR-Videos in den Ecken dieser Seite abgespielt. Wenn ein HDR-fähiger Browser eines davon erkennt, wechselt er in den HDR-Modus. Aus irgendeinem Grund scheint die Kombination aus CSS
backdrop-filter+brightness>100% sich wie HDR zu verhalten – sie reicht über die vom Benutzer kontrollierte Displayhelligkeit hinaus bis zur maximalen HDR-Helligkeit – während alles dazwischen folgt. Zumindest ist das die allgemeine Idee, aber ich weiß immer noch nicht genau, warum es funktioniert; insbesondere warum mit diesen beiden CSS-Eigenschaften.
Als ich mir diese Demo in Chrome ansehe, sehe ich einen extra-weißen text-shadow. In Safari sehe ich extra-weißen Text. In Firefox stimmen die Weißtöne überein, sodass ich nichts sehe. Wahrscheinlich ein Bug.
Ich würde nicht empfehlen, den Trick tatsächlich zu benutzen, da ich davon ausgehe, dass die zusätzliche Weißheit mit ziemlicher Sicherheit zusätzlichen Akku verbraucht, den ein Benutzer nicht zugestimmt hat, selbst wenn das Video nicht abgespielt wird – auch wenn es sich wie ein Nachteil anfühlt, dass unsere Bildschirme zu weißeren Weißtönen fähig sind, als wir normalerweise Zugriff haben. Die gute Nachricht ist, dass das Farbspektrum im Web im Allgemeinen zunimmt.
Cooler Trick!
Die Seite ist ziemlich verwirrend, wenn Ihr Browser sie nicht unterstützt. Ich hatte angenommen, dass es Text darüber gibt, aber das Drücken von "Alles auswählen" zeigte ihn nicht an. Erst als ich mir das GitHub ansah, sah ich tatsächlich, wie es aussehen sollte.