The impact of the transition-duration parameter in CSS3 on the two transition times before and after hover_html/css_WEB-ITnose

The transition-duration parameter is to set the transition time. In which class the transition-duration is placed, then when this class is enabled, the transition will occur according to the time set by the transition-duration.

For example, there are classes .a and .a:hover

1. If If you only set transition-duration: 3s; in .a, then the transition time will be 3s when the mouse covers this element and when the mouse leaves the element.

2. If transition-duration: 3s is set in .a; and transition-duration: 6s; is set in .a:hover, then when the mouse covers the element (That is, the process of the element style changing to .a:hover) The transition time is 6s, and when the mouse leaves the element (that is, the process of the element style changing to .a), the transition time is 3s.

Copyright Statement: This article is an original article by the blogger and may not be reproduced without the blogger's permission.