just wanted to point out that animating discrete properties now finally works! You can do so by specifying transition-behavior: allow-discrete along with @starting-style.

It was added to the CSS this year, and you can take a look at the docs https://developer.mozilla.org/en-US/docs/Web/CSS/transition-behavior.

I also wrote about this and other recent CSS features in my short blog post which you can read here: https://blog.meetbrackets.com/css-today-powerful-features-you-might-not-know-about-39adbbd5c65b