Animation

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) ? 'Всё супер! Анимация работает!' : 'Не работает анимация!'
);

Результат

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