.transition()

Переходное состояние. Плавное изменение 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('Карта исчезла!'));

Результат

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