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