Running animations without keyframes
Previous CSS Tip
January 09, 2025
Using the new @starting-style you can create animations without using @keyframes. It's not a replacement for the classic way to create animations but it can be a useful CSS trick in some situations.
Here is a simple example with a rotation. I am using big values to simulate an infinite rotation.
.box { transition: 40s linear 1s; /* duration easing delay */ rotate: 0turn; /* To (can be removed as it's the default value) */ @starting-style { rotate: -20turn;...
Read more at css-tip.com