Erlo

vue2中使用transition

时间:2018-11-09 17:32   阅读:86次   来源:博客园页面报错

点赞 打赏

×打赏

支付宝

微信

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

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

 

css 样式: 

 

 

其中: 

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

  2:  为div元素移动的过程

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

      (直线运动,运动0.3s)

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

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

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

下一篇:Phaserjs3 对象池随机产生炸弹并销毁

评论留言

还没有评论留言,赶紧来抢楼吧~~

Erlo大厅()

* 这里是“吐槽厅”,所有人可看,只保留当天信息。

  • Erlo.vip2019-03-26 11:26:41Hello、欢迎使用吐槽厅,这里是个吐槽的地方。
  • 首页 笔记分享 案例展示 ERLO 搜索
    鼠标试试
    返回顶部