Свойство transition

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

Описание

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

С помощью свойства transition Вы можете установить все свойства переходов за одно определение.

Свойства должны указываться в следующем порядке:

1. transition-property указывает CSS свойства, которые будут задействованы для создания перехода.
2. transition-duration указывает время, в течении которого будет совершен переход.
3. transition-timing-function указывает функцию смягчения отвечающую за плавность выполнения перехода.
4. transition-delay устанавливает величину задержки перед началом выполнения перехода.