From c109e1bbc97540d1d892781af971abc5b0de2ef2 Mon Sep 17 00:00:00 2001 From: fantasai Date: Thu, 2 Mar 2023 22:31:59 -0500 Subject: [PATCH] [css-transitions-1] Make discrete properties transition at 50%; exclude them from 'all'. See #4441 --- css-transitions-2/Overview.bs | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/css-transitions-2/Overview.bs b/css-transitions-2/Overview.bs index 3763f946d50..093e5166053 100644 --- a/css-transitions-2/Overview.bs +++ b/css-transitions-2/Overview.bs @@ -72,12 +72,33 @@ 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 expanded transition property name 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=] +unless they have an [=animation type=] that is [=not animatable=]. +Values with a [=discrete=] [=animation type=] are [=transitionable=], +and flip at 50% progress (p = 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). +Note this means that the ''tranisition-property/all'' keyword here +maps to a subset of the 'all' [=shorthand property=]’s [=longhand properties=]. + ## The 'transition-duration' Property ## {#transition-duration-property} The 'transition-duration' property specifies the [=iteration duration=]