Выберите тип анимации, настройте параметры и посмотрите результат в реальном времени

Настройки анимации

Тип анимации

Длительность (с)

Задержка (с)

Функция сглаживания

Число итераций

Направление

Запустить анимацию

Просмотр

Сгенерированный CSS

@keyframes fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

.element {
  animation: fade 1s ease 0s infinite normal;
}