vue2中使用transition


最終效果為  div元素從右向左出現, 然后從左向右消失。

transition標簽包裹要移動的元素:

 

css 樣式: 

 

 

其中: 

  1:  為div元素顯示時的狀態

  2:  為div元素移動的過程

      (進入的過程,離開的過程)

      (直線運動,運動0.3s)

  3:  為div元素移動之前和離開后的轉態

      (三個參數分別為x,y,z軸,x軸正直在右邊,負值在左邊,此處為正值,所以元素從右向左進入)

      (100%可替換為像素,100%代表div元素的寬度的100%,剛好完全隱藏)


免責聲明!

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



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