<dynamic-range-limit-mix>
An experimental function that allows you to mix different dynamic range limits (like SDR and HDR) to fine-tune how colors are displayed on high-brightness screens.
This is an experimental technology. The syntax and behavior are still subject to change.
Syntax
/* Usage Example */
.hero-image {
/* Experimental: Mixes HDR and standard range limits */
dynamic-range-limit: dynamic-range-limit-mix(high 50%, standard 50%);
}
<dynamic-range-limit-mix> Browser support
Limited availability
Since
2020 69% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
136+
136+