transition-duration

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

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

P.S.transition - Всі властивості переходу можна поєднати в одну складову властивість