Анимация

animation-delay

Устанавливает время ожидания перед воспроизведением анимации.

transition

Универсальное свойство, которое определяет эффект перехода между двумя состояниями элемента, они могут быть установлены с помощью псевдоэлемента :hover или :active, а также динамически через JavaScript.

transition-timing-function

Устанавливает, насколько быстро должно изменяться значение стилевого свойство для которого применяется эффект перехода.

transition-property

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

transition-duration

Задаёт время в секундах или миллисекундах, сколько должна длиться анимация перехода до её завершения.

transition-delay

Устанавливает время ожидания перед запуском эффекта анимации перехода.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.