w3c / w3c/csswg-drafts

[css-transitions-2] transition-composition

Open
#11,087 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

css-transitions-2
Dominant language
Bikeshed
Stars
4.9k
Forks
816
PR merge metrics
PR metrics pending

Description

Blending transitions using a subtract operation https://github.com/w3c/csswg-drafts/issues/10646 and CompositeOperation: blend https://github.com/w3c/csswg-drafts/issues/10927.

Keywords replace or blend, default is replace.

Would bypass css-transitions-2 section 3.1 “Faster reversing” and allow multiple transitions to run simultaneously.

With blend, any existing transtions would not get removed when starting a new transition.

After switching from replace to blend, an existing transition would not get removed when starting a new transition.

After switching from blend to replace, all existing transitions would get removed when starting a new transition.

No interest has been shown but I’m implementing proof-of-concept anyway and need something to point to.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked CSSWG issues 10646 and 10927 and CSS Transitions 2 section 3.1, “Faster reversing,” to understand the proposed composition behavior. Compare the replace and blend cases described here; done would require a resolved specification direction and corresponding draft changes, but no implementation file or test is identified in the issue.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.