Animation

Объект Animation предоставляет доступ к четырем удобным функциям.

Метод	Описание
`in`	Псевдоним функции `animate()`, всегда анимируется как in.
`out`	Псевдоним функции `animate()`, всегда анимируется как out.
`inProgress`	Возвращает `true` или `false`; выполняется или нет.
`cancel`	Очищает. Отменяет выполнение.

Использование

<div id="example" class="uk-card uk-card-primary uk-card-body">Карта с фоном</div>

const element = util.$('#example');

// Animate in
util.Animation.in(element, 'uk-animation-scale-up', 400, 'ease-in');

// Проверка выполнения
console.log(
  util.Animation.inProgress(element) ? 'Анимация выполняется!' : 'Анимация не работает!'
);

// Animate out
util.Animation.out(element, 'uk-animation-fade', 400, 'ease-out');

// Отменяем
util.Animation.cancel(element);

// Проверка выполнения
console.log(
  util.Animation.inProgress(element) ? 'Всё супер! Анимация работает!' : 'Не работает анимация!'
);

Результат

Анимация выполняется!
Не работает анимация!