transition-duration This parameter is set to the transition time, the transition-duration is placed in which class, then when this class is enabled, it will be transition-duration set time to transition.
For example, there are classes. A and. a:hover
1. If set only in. Atransition-duration:3s, then the transition time is 3s when the mouse overrides the element and the mouse leaves the element.
2. If transition-duration:3s is set in. A; Set the transition-duration:6s in the. a:hover; Then when the mouse overrides the element (that is, the element style changes to. a:hover), the transition time is 6s, when the mouse leaves the element(that is, the element style becomes. A process)The transition time is 3s.
Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.
Effects of transition-duration parameters on the transition time of the CSS3 in the first and second hover
