Генератор CSS-анимаций

Генерируйте CSS-анимации с ключевыми кадрами. Настройка тайминга, длительности, задержки и количества повторов.

Controls
Preview
Preview
CSS Code
/* Select controls above */

Часто задаваемые вопросы

Что такое CSS-анимация?

CSS-анимации постепенно изменяют CSS-свойства с течением времени с помощью ключевых кадров, позволяя элементам двигаться, исчезать, расти и трансформироваться.

Что делает fill-mode?

Fill-mode определяет, какие стили применяются до и после анимации. «forwards» сохраняет конечное состояние, «backwards» применяет начальное состояние до задержки.