码迷,mamicode.com
首页 > 其他好文 > 详细

vue动画、动画生命周期函数

时间:2019-06-18 20:09:19      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:mic   http   height   alt   nbsp   常见   image   位移   info   

1、vue中的动画

  vue中的动画没有css3那样的炫酷,只有些简单的位移,淡入淡出啥的

  第一种实现动画:transition+2组类来实现

  技术图片技术图片

  技术图片技术图片

  第二种实现动画:第3方库(插件)

   其中第一种和第二种都是完整动画,有进场有离开

  第三种动画:  半场动画(比如我们常见的加入购物车功能:  每次点加入购物车都会有一个小球飞到购物车里,然后就没有了,没有说又跑出来的)

  技术图片

    案例:小球动起来

      技术图片

      技术图片

      技术图片

       

  

vue动画、动画生命周期函数

标签:mic   http   height   alt   nbsp   常见   image   位移   info   

原文地址:https://www.cnblogs.com/yangyutian/p/11046993.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!