AJAX загрузка
home

Свойство 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 устанавливает величину задержки перед началом выполнения перехода.