![](https://webcf.waybackmachine.org/web/20240519125147im_/https://habrastorage.org/r/w1560/getpro/habr/upload_files/fdd/445/75d/fdd44575d31a3a654ab98a3687c1fc18.png)
В моем предыдущем посте Time Uniform For CSS Animation я рассказал о способе создания CSS-анимации с использованием тиков вместо ключевых кадров. Он был ограничен в применении, поскольку в CSS отсутствовала возможность выполнять сложные математические вычисления.
После долгих лет ожидания в CSS теперь поддерживается достаточное количество математических функций, в частности, mod(), round() и тригонометрические функции. Пришло время вернуться к анимации, основанной на времени, надеюсь, на этот раз она будет более полезной.