transition-duration

Якщо тривалість переходу не вказана, зміна значень відбудеться миттєво, без анімації. Властивість transition-duration задає проміжок часу, протягом якого має здійснитися перехід.

.box {
  background-color: teal;
  transition-property: background-color;
  transition-duration: 1000ms;
}

.box:hover {
  background-color: orange;
}