СВОЙСТВО TRANSITION-PROPERTY

Свойство transition-property указывает имя свойства CSS, для которого предназначен эффект перехода.

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


8+

transition-property: none|all|свойство|initial|inherit

Значение	Описание
none	Ни у одного CSS свойства не будет эффекта перехода.
all	Все CSS свойства получат эффект перехода. Это значение по умолчанию.
свойство	Принимает разделенный запятыми список CSS свойств, для которых предназначен эффект перехода.
initial	Устанавливает значение по умолчанию.
inherit	Унаследует значение свойства от родительского элемента.

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

HTML

.block{
width: 100px;
height: 100px;
background: blue;
transition-property: width;
transition-duration: 3s
}

.block:hover {
width: 200px;
}

CSS