Skip to content

Commit

Permalink
[css-transitions-1] Make discrete properties transition at 50%; exclu…
Browse files Browse the repository at this point in the history
…de them from 'all'.

See w3c#4441
  • Loading branch information
fantasai committed Mar 3, 2023
1 parent b4d9176 commit c48cd62
Showing 1 changed file with 19 additions and 0 deletions.
19 changes: 19 additions & 0 deletions css-transitions-2/Overview.bs
Original file line number Diff line number Diff line change
Expand Up @@ -72,12 +72,31 @@ spec:web-animations-1; type:dfn;

## The 'transition-property' Property ## {#transition-name-property}

ISSUE: Insert text from [[css-transitions-1#transition-property-property]]
and backport the following paragraph.

Although the 'transition-property' may specify shorthand properties and the
''all'' keyword, individual transitions are generated for each longhand
sub-property that is animatable. The <dfn>expanded transition property
name</dfn> of a transition is the name of the longhand sub-property for which
the transition was generated (e.g. 'border-left-width').

ISSUE: Update the defining instance of [=transitionable=]
once it is ported from Level 1.

In CSS Transitions Level 2,
property values are [=transitionable=]
<em>unless</em> they have an [=animation type=] that is [=not animatable=].
Values with a [=discrete=] [=animation type=] <em>are</em> [=transitionable=],
and flip at 50% progress (<var>p</var> = 0.5).

However, the ''transition-property/all'' keyword
continues to expand only to all [=transitionable=] properties
whose [=animation type=] is not [=discrete=].

Note: This is for compatibility with CSS Transitions Level 1
(and because authors will rarely want [=discrete=] properties to transition at 50% by default).

## The 'transition-duration' Property ## {#transition-duration-property}

The 'transition-duration' property specifies the [=iteration duration=]
Expand Down

0 comments on commit c48cd62

Please sign in to comment.