Re: [csswg-drafts] [css-animations] Allow percentages in animation-delay, relative to duration (#558)

As an author, I found it surprising that `animation-delay` does not already take a percentage. It's very intuitive for me that percentages relate to the overall duration of the animation. 

In addition to debugging animations, a use case for _negative delay on paused animation_ is unlocking a whole new dimension for interpolating CSS properties. In particular, it [enables sophisticated fluid typography](https://docs.typetura.com/how-typetura-works) by deriving `animation-delay` from a `<length>` (e.g. the width of an element).

---

Note that currently the rules of `calc()` prevent a pure CSS application of the technique, since we can't produce a `<time>` starting from `<length>`. I'm not sure if introducing percentage values in `animation-delay` would bring us closer to a CSS solution (I haven't fully internalized the unit combos `calc()` affords) — it sounds more like a matter of CSS not having a way to strip units off lengths, so that they work as numbers in arithmetics.

-- 
GitHub Notification of comment by danburzo
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/558#issuecomment-912918473 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Saturday, 4 September 2021 06:23:35 UTC