- From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
- Date: Fri, 22 May 2020 23:56:45 +0000
- To: public-css-archive@w3.org
But even with just lengths,
```css
#element {
animation: anim 100px/1s;
}
@keyframes anim {
from { width: 0px; height: 0px }
to { width: 100px; height: 200px }
}
```
`width` wants to increase 100px with a speed of 100px/1s, so it wants the animation to last 1s.
`height` wants to increase 200px with a speed of 100px/1s, so it wants the animation to last 2s.
Then, either one of them wins (which one?) or I guess it's converted to something like
```css
#element {
animation: anim 2s;
}
@keyframes anim {
0% { width: 0px; height: 0px }
50% { width: 100px }
100% { height: 200px }
}
```
--
GitHub Notification of comment by Loirooriol
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5091#issuecomment-632947487 using your GitHub account
Received on Friday, 22 May 2020 23:56:47 UTC