如何指定個別屬性進行transition過渡


transition是CSS3新增的動畫屬性,可以實現屬性的平滑過渡,大大提高用戶體驗,對於多個屬性進行過渡的話很多人會這樣寫

.tr{ transition:all 1s}

很不幸的是如果我只需要對其中一兩個而不是全部屬性進行過渡話很多人就素手無策了,其實你可以這樣寫

.tr{ transition-property: width , height; transition-duration:1s , 1s;}

tips:

transition有四個屬性,很多人都會遺忘,分別是transition-property,transition-duration,transition-timing-function,transition-delay,尤其是transition-delay,這個可以實現延遲動畫

附上transition官方網址:https://www.w3.org/TR/css3-transitions/


免責聲明!

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



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