Skip to content

Commit 468fa68

Browse files
committed
[css-transitions-1] Make discrete properties transition at 50%; exclude them from 'all'. #4441
1 parent b4d9176 commit 468fa68

File tree

1 file changed

+17
-0
lines changed

1 file changed

+17
-0
lines changed

css-transitions-2/Overview.bs

+17
Original file line numberDiff line numberDiff line change
@@ -72,12 +72,29 @@ spec:web-animations-1; type:dfn;
7272

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

75+
ISSUE: Insert text from [[css-transitions-1#transition-property-property]]
76+
and backport the following paragraph.
77+
7578
Although the 'transition-property' may specify shorthand properties and the
7679
''all'' keyword, individual transitions are generated for each longhand
7780
sub-property that is animatable. The <dfn>expanded transition property
7881
name</dfn> of a transition is the name of the longhand sub-property for which
7982
the transition was generated (e.g. 'border-left-width').
8083

84+
ISSUE: Update the defining instance of [=transitionable=]
85+
once it is ported from Level 1.
86+
87+
In CSS Transitions Level 2,
88+
property values are [=transitionable=]
89+
<em>unless</em> they have an [=animation type=] that is [=not animatable=],
90+
i.e. [=discrete=] values <em>are</em> [=transitionable=],
91+
and flip at 50% progress.
92+
However, because authors will rarely want [=discrete=] values to transition at 50%
93+
(and for compatibility with CSS Transitions Level 1)
94+
the ''transition-property/all'' keyword
95+
expands only to all [=transitionable=] properties
96+
whose [=animation type=] is not [=discrete=].
97+
8198
## The 'transition-duration' Property ## {#transition-duration-property}
8299

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

0 commit comments

Comments
 (0)