Главная » Анимация css » transition-delay - Задержка перехода
122 0  

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 остается в силе.


Оставить свой комментарий:

Опыт в веб разработке:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2020