Главная/ Cправочник HTML, CSS, Javascript/ CSS справочник/ Свойства CSS для улучшения дизайна сайта/ CSS свойство transition | назначение, допустимые значения, примеры

Свойство transition

Последнее обновление: 10.01.2011

Свойство transition — сокращенный способ задать свойства перехода transition-property, transition-duration, transition-timing-function и transition-delay, позволяет одновременно задать свойство, к изменению которого будет применен плавный переход, время, в течение которого этот переход будет совершаться, способ расчета промежуточных значений перехода и задержку перед переходом.

Анимированный переход будет совершаться при динамическом изменении свойств элемента, указанных в transition-property.

Допустимые значения

Значение по умолчанию не определяется для составных свойств
Применимо ко всем элементам, псевдоэлементам :before и :after
Наследование нет
Версия CSS CSS 3
Поддерживается браузерами

    Пример


    div {
    background-color:#ccc;
    transition:background-color 5s ease-in-out 2s;
    }


    Твой код:

    Результат: