0
点赞
收藏
分享

微信扫一扫

vue如何使用velocity.js动画


文章目录

  • ​​vue中js动画怎么使用?​​
  • ​​vue中如何使用第三方js动画库?​​

vue中js动画怎么使用?

vue提供了JavaScript 钩子函数:​​点击进入官网js钩子函数地址​​

举个例子:

vue如何使用velocity.js动画_velocity

vue如何使用velocity.js动画_官网_02


当显示元素的时候,颜色从红色变成 绿色,2s后有变成黑色。这里只是演示了入场动画,出场动画一样。

vue中如何使用第三方js动画库?

以js常用动画库velocity.js使用方式如下:

vue如何使用velocity.js动画_velocity_03


3.使用velocity函数

vue如何使用velocity.js动画_官网_04


这样,就可显示velocity定义的动画了。

​​velocity文档点击此处访问:http://shouce.jb51.net/velocity/index.html​​

vue如何使用velocity.js动画_velocity_05

开通了个微信公众号:

搜索: 怒放de每一天

后续可能不定时推送相关文章,期待和大家一起成长!!

vue如何使用velocity.js动画_钩子函数_06


举报

相关推荐

0 条评论