.animate()

Animation

Метод для создания анимации элементов.

animate(element, animation [, duration, origin, out]);

Параметр	Тип	Описание
`element`	Node	Элемент HTML
`animation`	String	Название анимации. См. список доступных анимаций.
`duration`	Number	Продолжительность анимации (в миллисекундах).
`origin`	String	Модификатор «Точка трансформации». См. список точек координат.
`out`	Boolean	Модификатор реверса. "Входящая" анимация или нет.

Примечание Модификаторы точек координат «Transform origin» работают только с анимацией масштабирования *-scale-*.

Пример использования

Анимируем блочный элемент «Карточка» так, что результат выполнения нас будет радовать его плавным увеличивающимся появлением с нижнего правого угла.

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

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

// Запускаем анимацию
util.animate(element, 'uk-animation-scale-up', 200, 'bottom-right', false)
  .then(console.log('Блочный элемент анимирован!'));

Результат

Блочный элемент анимирован!