vue2中使用transition

最终效果为  div元素从右向左出现, 然后从左向右消失。

transition标签包裹要移动的元素:

vue2中使用transition

css 样式:

vue2中使用transition

其中:

  1:  为div元素显示时的状态

  2:  为div元素移动的过程

      (进入的过程,离开的过程)

      (直线运动,运动0.3s)

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

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

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

上一篇:(转载)记录函数 getStyle() 获取元素 CSS 样式


下一篇:Oracle修改监听端口号1521[转]