The transition-duration property specifies how many seconds (s) or milliseconds (ms) a transition effect takes to complete.
transition-duration: time|initial|inherit;
div { -webkit-transition-duration: 5s; /* Safari */ transition-duration: 5s; }