Wanna see a whiter white?

This clever CSS technique, courtesy of Dongsung Kim, leverages hidden HDR videos to achieve surprisingly bright results.

The trick involves embedding HDR videos in the page corners. When a browser with HDR capabilities detects these videos, it switches to HDR mode. Interestingly, combining backdrop-filter and brightness > 100% in CSS appears to mimic HDR behavior, exceeding the user's brightness settings and reaching the maximum HDR brightness. The exact mechanism remains unclear, particularly the interaction between these two CSS properties.

Browser inconsistencies are apparent. Chrome displays an unusually bright text shadow, Safari shows exceptionally bright text, while Firefox shows no difference, suggesting a potential bug.

While impressive, this technique is not recommended for practical use. The increased brightness likely consumes more battery power than a user might expect, even without the videos playing. However, the expanding color gamut on the web offers a promising future for richer visual experiences.

The above is the detailed content of Wanna see a whiter white?. For more information, please follow other related articles on the PHP Chinese website!