1. 程式人生 > >CSS3中transition-duration引數對hover前後兩種過渡時間的影響

CSS3中transition-duration引數對hover前後兩種過渡時間的影響

transition-duration這個引數是設定過渡時間的,將transition-duration放在哪個類中,那麼在這個類被啟用時就會按照transition-duration設定的時間來過渡。 例如,有類 .a 和 .a:hover  1.如果只在 .a 中設定transition-duration: 3s;的話,那麼在滑鼠覆蓋這個元素和滑鼠離開元素時,過渡時間都是3s。 2.如果在 .a 中設定transition-duration: 3s; 在 .a:hover 中設定transition-duration: 6s; 那麼在滑鼠覆蓋元素時(即該元素樣式變為 .a:hover 的過程)過渡時間為6s,滑鼠離開元素時(即該元素樣式變為 .a 的過程)
的過渡時間為3s。