Анимация
animation-delay
Устанавливает время ожидания перед воспроизведением анимации.
transition
Универсальное свойство, которое определяет эффект перехода между двумя состояниями элемента, они могут быть установлены с помощью псевдоэлемента :hover или :active, а также динамически через JavaScript.
transition-timing-function
Устанавливает, насколько быстро должно изменяться значение стилевого свойство для которого применяется эффект перехода.
transition-property
Устанавливает имя стилевого свойства, значение которого будет отслеживаться для создания эффекта перехода.
transition-duration
Задаёт время в секундах или миллисекундах, сколько должна длиться анимация перехода до её завершения.
transition-delay
Устанавливает время ожидания перед запуском эффекта анимации перехода.
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
