transition-duration
Якщо тривалість переходу не вказана, зміна значень відбудеться миттєво, без анімації. Властивість transition-duration задає проміжок часу, протягом якого має здійснитися перехід.
.box { background-color: teal; transition-property: background-color; transition-duration: 1000ms; } .box:hover { background-color: orange; }
P.S.transition - Всі властивості переходу можна поєднати в одну складову властивість