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

.box:hover {
  background-color: orange;
}
</code>
P.S.**[[transition]]** - Всі властивості переходу можна поєднати в одну складову властивість