Intent to Ship: mix-blend-mode: plus-lighter

213 views
Skip to first unread message

Vladimir Levin

unread,
Jan 19, 2022, 11:40:45 AM1/19/22
to blink-dev, Khusal Sagar, Jake Archibald

Contact emails

vmp...@chromium.orgkhusha...@chromium.orgjakear...@chromium.org

Explainer

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

Specification

https://drafts.fxtf.org/compositing-2/#mix-blend-mode

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 component

Blink>CSS

Search tags

plus-lighter

TAG review

N/A: this is a single value addition to an existing property, and this value already exists in a canvas context, so the TAG review seemed not necessary

TAG review status

Not 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?

Yes

Requires code in //chrome?

False

Tracking bug

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

Estimated milestones

M100


Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/5677338286096384

Links to previous Intent discussions

Intent to prototype: https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CADsXd2MsbYsCV57vZ-eVQem4WUudVTGT%3Djzpib0NzezYEAMP-g%40mail.gmail.com


This intent message was generated by Chrome Platform Status.

Yoav Weiss

unread,
Jan 26, 2022, 9:42:15 AM1/26/22
to blink-dev, Vladimir Levin, Khushal Sagar, Jake Archibald
LGTM1

This seems like a useful small addition! Following WebKit here makes sense.
On Wednesday, January 19, 2022 at 5:40:45 PM UTC+1 Vladimir Levin wrote:

Mike Taylor

unread,
Jan 26, 2022, 9:50:17 AM1/26/22
to Yoav Weiss, blink-dev, Vladimir Levin, Jake Archibald
LGTM2, thanks for the very well written explainer-slash-blog-post.
--
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+...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/1c4ffaa4-38dd-4dca-b60c-ec0393147f2an%40chromium.org.


Manuel Rego Casasnovas

unread,
Jan 26, 2022, 9:54:21 AM1/26/22
to Mike Taylor, Yoav Weiss, blink-dev, Vladimir Levin, Jake Archibald
LGTM3.

On 26/01/2022 15:50, Mike Taylor wrote:
> LGTM2, thanks for the very well written explainer-slash-blog-post.
>
> On 1/26/22 9:42 AM, Yoav Weiss wrote:
>> LGTM1
>>
>> This seems like a useful small addition! Following WebKit here makes
>> sense.
>> On Wednesday, January 19, 2022 at 5:40:45 PM UTC+1 Vladimir Levin wrote:
>>
>>
>> Contact emails
>>
>> vmp...@chromium.orgkhusha...@chromium.org
>> <mailto:khusha...@chromium.org>, jakear...@chromium.org
>> <mailto:jakear...@chromium.org>
>>
>>
>> Explainer
>>
>> https://jakearchibald.com/2021/dom-cross-fade/
>> <https://jakearchibald.com/2021/dom-cross-fade/>
>>
>>
>> Specification
>>
>> https://drafts.fxtf.org/compositing-2/#mix-blend-mode
>> <https://drafts.fxtf.org/compositing-2/#mix-blend-mode>
>>
>>
>> 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 component
>>
>> Blink>CSS
>> <https://bugs.chromium.org/p/chromium/issues/list?q=component:Blink%3ECSS>
>>
>>
>> Search tags
>>
>> plus-lighter <https://chromestatus.com/features#tags:plus-lighter>
>>
>>
>> TAG review
>>
>> N/A: this is a single value addition to an existing property, and
>> this value already exists in a canvas context, so the TAG review
>> seemed not necessary
>>
>>
>> TAG review status
>>
>> Not applicable
>>
>>
>> Risks
>>
>>
>>
>> Interoperability and Compatibility
>>
>>
>>
>> Gecko: No signal
>>
>> WebKit: Shipped/Shipping
>> (https://github.com/w3c/fxtf-drafts/issues/445#issuecomment-995022125
>> <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 bug
>>
>> https://bugs.chromium.org/p/chromium/issues/detail?id=1275782
>> <https://bugs.chromium.org/p/chromium/issues/detail?id=1275782>
>>
>>
>> Estimated milestones
>>
>> M100
>>
>>
>> Link to entry on the Chrome Platform Status
>>
>> https://chromestatus.com/feature/5677338286096384
>> <https://chromestatus.com/feature/5677338286096384>
>>
>>
>> Links to previous Intent discussions
>>
>> Intent to
>> prototype: https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CADsXd2MsbYsCV57vZ-eVQem4WUudVTGT%3Djzpib0NzezYEAMP-g%40mail.gmail.com
>> <https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CADsXd2MsbYsCV57vZ-eVQem4WUudVTGT=jzpib0Nz...@mail.gmail.com>
>>
>>
>> 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+...@chromium.org.
>> To view this discussion on the web visit
>> https://groups.google.com/a/chromium.org/d/msgid/blink-dev/1c4ffaa4-38dd-4dca-b60c-ec0393147f2an%40chromium.org
>> <https://groups.google.com/a/chromium.org/d/msgid/blink-dev/1c4ffaa4-38dd-4dca-b60c-ec0393147f2an%40chromium.org?utm_medium=email&utm_source=footer>.
>
>
> --
> 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+...@chromium.org
> <mailto:blink-dev+...@chromium.org>.
> To view this discussion on the web visit
> https://groups.google.com/a/chromium.org/d/msgid/blink-dev/e7c669a2-0896-9a19-948b-a8248bd9df11%40chromium.org
> <https://groups.google.com/a/chromium.org/d/msgid/blink-dev/e7c669a2-0896-9a19-948b-a8248bd9df11%40chromium.org?utm_medium=email&utm_source=footer>.
Reply all
Reply to author
Forward
0 new messages