Transition

Animation

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

Метод	Описание
`start`	Псевдоним функции `transition()`.
`stop`	Останавливает transition.
`cancel`	Отменяет transition.
`inProgress`	Возвращает `true` или `false`; выполняется или нет.

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

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

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

// Стартуем. Красный фон. Белый цвет текста.
util.Transition.start(element, {
  'background': '#ff0000',
  'color': '#fff'
}, 500, 'ease');

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

// Останавливаем
util.Transition.stop(element);

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

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

Результат

Transition в работе!
Transition не сработал!