Skip to content

Commit

Permalink
Change demo to standard v high to increase contrast
Browse files Browse the repository at this point in the history
  • Loading branch information
ccameron-chromium committed Feb 12, 2024
1 parent eba192c commit b509032
Showing 1 changed file with 11 additions and 3 deletions.
14 changes: 11 additions & 3 deletions example.html
Original file line number Diff line number Diff line change
Expand Up @@ -12,12 +12,12 @@
.gallery img {
max-height: 20vh;
margin: 20px;
transition: transform 0.25s, dynamic-range-limit 0.5s;
dynamic-range-limit: constrained-high;
transition: transform 0.25s, dynamic-range-limit 0.25s;
dynamic-range-limit: standard;
}

.gallery img:hover {
transform: scale(1.25);
transform: scale(1.15);
dynamic-range-limit: high;
}

Expand All @@ -27,6 +27,13 @@
}
</style>
<script>

let tick = function() {
window.requestAnimationFrame(tick);
// To verify that the computed value returns dynamic-range-mix.
// console.log(window.getComputedStyle(Image01).getPropertyValue('dynamic-range-limit'));
}

let main = function() {
if (`dynamicRangeLimit` in Image01.style) {
Status.innerText += ' present';
Expand All @@ -35,6 +42,7 @@
Status.innerText += ' absent';
Status.style.color = 'red';
}
window.requestAnimationFrame(tick);

Image01.src = "https://people.csail.mit.edu/ericchan/hdr/gain_map_images/01.jpg";
Image02.src = "https://people.csail.mit.edu/ericchan/hdr/gain_map_images/02.jpg";
Expand Down

0 comments on commit b509032

Please sign in to comment.