Re: [w3ctag/design-reviews] Transitions on specified discrete properties (Issue #825)

Here is an explainer which explains the motivation for discrete property animation in context with other features, it is the first item in the list: https://github.com/chrishtr/rendering/blob/master/entry-exit-animations.md

The CSSWG issue doesn't provide a very concise example, so [here is one](https://jsfiddle.net/jarhar/mo1jfz6L/):
```css
#target {
  transition: font-family 1s, color 1s;
  font-family: serif;
  color: blue;
}
#target.animated {
  font-family: sans-serif;
  color: green;
}
```
Without this feature, font-family will always transition immediately as soon as `animated` is applied to `#target`. With this feature, the font-family value will switch halfway through the transition and can also be precisely controlled with a `@keyframes` rule.

-- 
Reply to this email directly or view it on GitHub:
https://github.com/w3ctag/design-reviews/issues/825#issuecomment-1489210197
You are receiving this because you are subscribed to this thread.

Message ID: <w3ctag/design-reviews/issues/825/1489210197@github.com>