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。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM