Contact emailsvmp...@chromium.org, khushalsa...@chromium.org,
jakearchib...@chromium.org

Explainerhttps://jakearchibald.com/2021/dom-cross-fade/

Specification
https://drafts.fxtf.org/compositing-2/#porterduffcompositingoperators_plus_lighter

Summary

This proposal adds a plus-lighter value to the mix-blend-mode property.
Plus-lighter adds the source and destination colors multiplied by their
respective alphas. This operation is useful when cross fading between two
elements that may contain common pixels. In that case, plus-lighter ensures
that the common pixels do not change in appearance as opacity changes from
0 to 1 on one element and from 1 to 0 on the other.


Blink componentBlink>CSS
<https://bugs.chromium.org/p/chromium/issues/list?q=component:Blink%3ECSS>

Motivation

mix-blend-mode: plus-lighter allows two elements to cross fade by changing
their opacities from 0 to 1 on one element and 1 to 0 on the other element,
which keeping common pixels unmodified.


Initial public proposal

Search tagsplus-lighter
<https://chromestatus.com/features#tags:plus-lighter>

TAG reviewN/A -- This is a small addition to an existing CSS property.

TAG review statusNot applicable

Risks


Interoperability and Compatibility



Gecko: No signal

WebKit: Shipped/Shipping (
https://github.com/w3c/fxtf-drafts/issues/445#issuecomment-995022125)

Web developers: No signals

Other signals:

Ergonomics

This adds a new value to an existing CSS property. The ergonomics risk is
minimal.


Activation

This adds a new value to an existing CSS property. The activation risk is
minimal. This property is straight-forward to use.


Security

There are no security risks associated with this property.


Debuggability

This relies on existing debuggability of CSS mix-blend-mode.


Is this feature fully tested by web-platform-tests
<https://chromium.googlesource.com/chromium/src/+/master/docs/testing/web_platform_tests.md>
?Yes

Requires code in //chrome?False

Tracking bughttps://bugs.chromium.org/p/chromium/issues/detail?id=1275782

Estimated milestones

No milestones specified

Link to entry on the Chrome Platform Status
https://chromestatus.com/feature/5677338286096384

This intent message was generated by Chrome Platform Status
<https://chromestatus.com/>.

-- 
You received this message because you are subscribed to the Google Groups 
"blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to blink-dev+unsubscr...@chromium.org.
To view this discussion on the web visit 
https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CADsXd2MsbYsCV57vZ-eVQem4WUudVTGT%3Djzpib0NzezYEAMP-g%40mail.gmail.com.

Reply via email to