W3C home > Mailing lists > Public > public-css-archive@w3.org > October 2019

[csswg-drafts] [css-transitions-2] Start transitions on discrete animation types (#4441)

From: Robert Flack via GitHub <sysbot+gh@w3.org>
Date: Tue, 22 Oct 2019 16:01:36 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-510755766-1571760095-sysbot+gh@w3.org>
flackr has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-transitions-2] Start transitions on discrete animation types ==
One of the goals of web-animations is to [allow developers to define custom transitions](https://github.com/w3c/csswg-drafts/issues/2068#issuecomment-349194890). In theory, this would let a developer define a transition for property types which are animation type Discrete, however css-transitions-1 defines discrete animations as not transitionable:

> When comparing the before-change style and after-change style for a given property, the property > values are transitionable if they have an animation type that is neither not animatable nor discrete.

This issue is to explore the possibility of allowing developers to create custom transitions for such properties. Since a lot of content today likely relies on the current behavior (`transition-property: all` is a very common pattern), any solution would likely have to preserve the existing visual behavior

### Option 1 - Use custom easing on discrete transitions

We could define transitions on discrete properties to create a transition using an easing type which immediately assumes the end value. This would preserve the existing visual behavior while allowing developers to listen for and modify the transition.

However, if we assume that a lot of existing comment has transition: all >0 duration, doing all of the work to create and run these transitions may be prohibitively expensive.

### Option 2 - Start and cancel discrete transitions

Start the transition animation, and immediately cancel it, such that a developer could access it and play it / modify it from a transitionstart event?

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4441 using your GitHub account
Received on Tuesday, 22 October 2019 16:01:38 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:55 UTC