使用transition (vue2)

文章来自：源码在线https://www.shengli.me/css/205.html

 

实现div从右向左出现，然后从左向右消失。

 

transition 标签包裹移动的元素

 

 

css:

 

 

div元素时间状态，移动的过程（进入离开的过程，直线运动，运动0.3秒）

 

div元素移动前和离开后的转态：

 

（三个参数分别为x,y,z轴，x轴正直在右边，负值在左边，此处为正值，所以元素从右向左进入）

（100%可替换为像素，100%代表div元素的宽度的100%，刚好完全隐藏）