transition-delay - Задержка перехода

transition-delay указывает продолжительность ожидания перед запуском эффекта перехода свойства при изменении его значения.

==

↪ О переходах

==

Синтаксис написания:

/* <time> values */
transition-delay: 3s;
transition-delay: 2s, 4ms;

/* Global values */
transition-delay: inherit;
transition-delay: initial;
transition-delay: unset;

Задержка может быть нулевой, положительной или отрицательной:

Значение 0 с (или 0 мс) немедленно начнет эффект перехода.

Положительное значение задержит начало эффекта перехода на заданный промежуток времени.

Отрицательное значение начнет эффект перехода сразу, и частично через эффект. Другими словами, эффект будет анимирован, как если бы он уже работал в течение заданного промежутка времени.

Вы можете указать несколько задержек, что полезно при переносе нескольких свойств. Каждая задержка будет применена к соответствующему свойству, как указано свойством transition-property, которое действует как главный список.

Если указано меньше задержек, чем в главном списке, список значений задержек будет повторяться до тех пор, пока их не станет достаточно.

Если есть больше задержек, список значений задержек будет усечен, чтобы соответствовать количеству свойств. В обоих случаях объявление CSS остается в силе.