.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('Карта исчезла!'));
Результат
Карта исчезла!