The author explores using time ticks for CSS animations instead of keyframes, now that CSS supports Math functions like mod(), round(), and trigonometric functions. This approach allows for more complex animation effects and better control over frame rate. The author introduces methods to transform time values, control the animation duration, and create custom easing functions using Math expressions in CSS. The use of functions like min() and mod() enable precise control over animation parameters. The author also showcases examples of animating colors and positions together using time-based animations. This unconventional approach may lead to more creative and diverse results in CSS animations.
https://yuanchuan.dev/time-based-css-animations