Пример
#wrap1
{
width:200px;
transition-property:width;
transition-duration:4s;
}
#wrap1:hover
{
width:500px;
}
Обратите внимание: данное свойство поддерживается в браузерах IE10+, Chrome, Opera и Firefox. Для браузера Safari требуется префикс -webkit.
С помощью свойства transition-property Вы можете указать CSS свойства, которые будут задействованы для создания перехода.