最終效果為 div元素從右向左出現, 然后從左向右消失。
transition標簽包裹要移動的元素:

css 樣式:
其中:
1: 為div元素顯示時的狀態
2: 為div元素移動的過程
(進入的過程,離開的過程)
(直線運動,運動0.3s)
3: 為div元素移動之前和離開后的轉態
(三個參數分別為x,y,z軸,x軸正直在右邊,負值在左邊,此處為正值,所以元素從右向左進入)
(100%可替換為像素,100%代表div元素的寬度的100%,剛好完全隱藏)
最終效果為 div元素從右向左出現, 然后從左向右消失。
transition標簽包裹要移動的元素:

css 樣式:
其中:
1: 為div元素顯示時的狀態
2: 為div元素移動的過程
(進入的過程,離開的過程)
(直線運動,運動0.3s)
3: 為div元素移動之前和離開后的轉態
(三個參數分別為x,y,z軸,x軸正直在右邊,負值在左邊,此處為正值,所以元素從右向左進入)
(100%可替換為像素,100%代表div元素的寬度的100%,剛好完全隱藏)
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。