CSS過渡屬性transition與display沖突問題


沖突:

當改變元素display屬性時,過渡屬性transition失效。

 

原因:

display:none的時候,頁面文檔流中將不會存在該元素。transition無法對一個從有到無的元素產生過渡效果。

 

解決方法:

        1.改變元素的寬/高為0px,達到隱藏的目的。

        2.使用visibility替代display。

豌豆資源搜索網站https://55wd.com 廣州vi設計公司http://www.maiqicn.com


免責聲明!

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



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