transition

transition: <property> <duration> <timing-function> <delay>

📝 Описание

Сокращённая запись для свойств transition-*.

Значение по умолчанию: all 0s ease 0s

🎯 Возможные значения

  • <property> — имя свойства или all
  • <duration> — длительность (s или ms)
  • <timing-function> — функция времени (ease, linear, и т.д.)
  • <delay> — задержка
.button {
  transition: all 0.3s ease;
}

.button:hover {
  transform: scale(1.1);
}

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

Все современные браузеры