Задержка перехода

Задержка перехода

Можно сделать так, чтобы переход осуществлялся не сразу после того, как срабатывает связанное с ним событие, но с некоторой задержкой. Например, сделаем так, чтобы переход цвета фона происходил через полсекунды после того, как ссылка попала в состояние hover. Такого поведения можно добиться свойством transition-delay.

a.foo {

padding: 5px 10px;

background: #9c3;

-webkit-transition-property: background;

-webkit-transition-duration: 0.3s;

-webkit-transition-timing-function: ease;

-webkit-transition-delay: 0.5s;

}

a.foo: hover {

background: #690;

}