.transition()

Animation

Переходное состояние. Плавное изменение CSS-свойств. Процесс перехода элемента от одного состояния к другому. CSS transitions.

transition(element, props [, duration, timing]);

Параметр	Тип	Описание
`element`	Node	Элемент HTML.
`props`	Object	Свойства CSS, которые будут изменены.
`duration`	Number	Продолжительность перехода (в миллисекундах).
`timing`	String	Временные функции перехода, например `linear`, `ease`, `ease-in`, `ease-out`, `ease-in-out`.

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

Используем css-свойство непрозрачности opacity. Исчезновение блока с плавным переходом зачения от 1 до 0.

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

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

// Переход свойства CSS к определенному значению
util.transition(element, { 'opacity': 0 })
  .then(console.log('Карта исчезла!'));

Результат

Карта исчезла!