СВОЙСТВО TRANSITION

Свойство transition включает в себя следующие свойства:

Поддержка браузеров


8+

transition: property duration timing-function delay|initial|inherit

Значение	Описание
transition-property	Указывает имя CSS свойства, для которого предназначен эффект перехода.
transition-duration	Указывает длительность эффекта перехода.
transition-timing-function	Определяет кривую скорости эффекта перехода.
transition-delay	Указывает задержку эффекта перехода.
initial	Устанавливает значение по умолчанию.
inherit	Унаследует значение свойства от родительского элемента.

<div class="block"></div>

HTML

.block{
    width: 100px;
    height: 100px;
    background: blue;
    transition: width 2s
}

.block:hover {
    width: 200px;
}

CSS