Heck of a CSS trick right here from Dongsung Kim.
There are hidden HDR movies taking part in on the corners of this web page. When a HDR-capable browser encounters one, it switches to HDR mode. For some motive, CSS backdrop-filter + brightness >100% combo appears to behave like HDR—reaching past the user-controlled show brightness, as much as the utmost HDR brightness—whereas the all the things in between observe[s] alongside. Not less than that’s the general concept, however I nonetheless don’t know precisely why it really works; particularly why with these two CSS properties.
As I take a look at that demo in Chrome, I see an extra-white text-shadow. In Safari, I see extra-white textual content. In Firefox, the whites match so I see nothing. In all probability a bug.
I wouldn’t advocate really utilizing the trick, as I’d assume the extra-whiteness nearly actually takes further battery energy {that a} person isn’t opting into, even with out the video taking part in—although it does really feel like a bummer that our screens are able to whiter whites than we usually have entry to. The excellent news is that the gamut of coloration on the internet is increasing, typically.
Direct Hyperlink to Article — Permalink
The publish Wanna see a whiter white? appeared first on CSS-Tips. You possibly can help CSS-Tips by being an MVP Supporter.
Subscribe to MarketingSolution.
Receive web development discounts & web design tutorials.
Now! Lets GROW Together!