vue2中使用transition

2018-11-12 06:49:14来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

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

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

 

css 样式: 

 

 

其中: 

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

  2:  为div元素移动的过程

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

      (直线运动,运动0.3s)

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

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

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

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:html&css学习笔记----YJZJZQA

下一篇:web前端(4)—— 常用标签1