Свойство transition-duration

#wrap1
{
width:200px;
transition-property:width;
transition-duration:4s;
}
#wrap1:hover
{
width:500px;
}

Описание

Обратите внимание: данное свойство поддерживается в браузерах IE10+, Chrome, Opera и Firefox. Для браузера Safari требуется префикс -webkit.

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

Обратите внимание: по умолчанию данное свойство имеет значение 0.