Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update the mix-blend-mode CSS property page: add plus-darker and plus-lighter values #31095

Merged
merged 4 commits into from
Dec 27, 2023
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
Add plus-darker and plus-lighter values to the "Values" section
Add two recently added values to the "Values" section. The `plus-lighter` value is already mentioned in the compat table
SelenIT committed Dec 27, 2023

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature.
commit 5f00569fb4109182576a8d29789b4c12b8570677
6 changes: 6 additions & 0 deletions files/en-us/web/css/mix-blend-mode/index.md
Original file line number Diff line number Diff line change
@@ -31,6 +31,8 @@ mix-blend-mode: hue;
mix-blend-mode: saturation;
mix-blend-mode: color;
mix-blend-mode: luminosity;
mix-blend-mode: plus-darker;
mix-blend-mode: plus-lighter;

/* Global values */
mix-blend-mode: inherit;
@@ -44,6 +46,10 @@ mix-blend-mode: unset;

- {{cssxref("<blend-mode>")}}
- : The blending mode that should be applied.
- `plus-darker`
- : Blending using the _plus-darker_ compositing operator.
- `plus-lighter`blinking
- : Blending using the _plus-lighter_ compositing operator. Useful for cross-fade effects (prevents unwanted "blinking" when two overlaying elements animate their opacity in opposite directions).

## Formal definition