[csswg-drafts] [css-view-transitions-1] Cross-fade should use linear blending (#9983)

khushalsagar has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-view-transitions-1] Cross-fade should use linear blending ==
The cross-fade animation used by ViewTransitions needs to ensure that blending 2 identical pixels yields identical results. This requires the following:

1. The old/new snapshots need a linear timing function. This ensures that at any point during the animation, the opacity for `::view-transition-old` and `::view-transition-new` add up to 1.
2. The 2 images need to be composed with `plus-lighter` blending.  See example [here](https://drafts.fxtf.org/compositing/#plus-lighter) for why this is required for cross-fading.

The spec currently has 2) but 1) is missing. Since the initial value for `animation-timing-function` is `ease`, it needs to be set to `linear` in UA CSS for `::view-transition-old`/`::view-transition-new`.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9983 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 20 February 2024 22:41:58 UTC