使用transition (vue2)

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

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

transition 标签包裹移动的元素

1.png

css:

2.png

div元素时间状态,移动的过程(进入离开的过程,直线运动,运动0.3秒)

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

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

(100%可替换为像素,100%代表div元素的宽度的100%,刚好完全隐藏)

猜你喜欢

转载自blog.csdn.net/hugejihu9/article/details/83991087