velocityjs 动画库比jquery默认的animate强

神坑记录：

1、transform: translate3d(80%,0,0); 无法作为参数，必须修改为这种：translateX: 0%

官方文档

http://velocityjs.org/

github地址

https://github.com/julianshapiro/velocity

npm下载安装

npm install velocity-animate --save-dev

调试地址

http://codepen.io/julianshapiro/full/oHaCy/

坑点和注意点：

理论来说，JS对于操作CSS的权限应该是最大的。但是经过实践。我发现 Velocity 中指定的 duration 属性权限是最小的。即渲染的时候，优先计算顺序为：style->css->duration

也就是说，如果对象想正常使用Velocity 的 duration 属性，必须确保对象的css中没有绑定任何css3的trantions

基本使用

#el 为 dom对象
Velocity(el,{translateX: "80%"},0);#神坑：transform: translate3d(80%,0,0); 无法作为参数，必须修改为这种：translateX: 0%
Velocity(el,{translateX: "0%"},250,"ease");

velocityjs 动画库比jquery默认的animate强相关推荐

vue2的css 动画库的基本使用方式
初级css动画库的使用一.前言二.本次使用的CSS动画库三.Vue2的基础应用知识 1. 一个组件和六个类名 (1)一个组件 (2)六个类名四.CSS动画库的基础应用 1.animate.cs ...
能解决 80% 需求的 10个 CSS动画库
作者:Patrik Kiss 译者:前端小智来源:dev 点赞再看,养成习惯本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,更多往期高 ...
css3动画简介以及动画库animate.css的使用
在这个年代,你要是不懂一点点css3的知识,你都不好意思说你是个美工.美你妹啊,请叫我前端工程师好不好.呃..好吧,攻城尸...呵呵,作为一个攻城尸,没有点高端大气上档次的东西怎么能行呢,那么css3 ...
css animation动画完成后隐藏_css3动画简介以及动画库animate.css的使用
在这个年代,你要是不懂一点点css3的知识,你都不好意思说你是个美工.美你妹啊,请叫我前端工程师好不好.呃..好吧,攻城尸...呵呵,作为一个攻城尸,没有点高端大气上档次的东西怎么能行呢,那么css3 ...
css动漫效果库,Animate.css功能强大的纯CSS3动画库 - 资源分享
Animate.css是一个CSS3动画库,他为我们预设了很多可以使用的动画效果,比如弹跳.飘过.滑动.渐变的等特效,简单好用,只需要添加对应的动画Class到元素上,即可调用插件的动画效果,而且支持 ...
前端进阶必学必会动画学习之Animate.css的使用与解析：一个强大而酷炫的CSS3动画库Animate.css使用方法教程
简介 animate.css 是一个来自国外的 CSS3 动画库,它预设了抖动(shake).闪烁(flash).弹跳(bounce).翻转(flip).旋转(rotateIn/rotateOut). ...
animate inater插件_基于animate.css动画库的全屏滚动小插件，适用于vue.js(移动端、pc)项目...
功能简介基于animate.css动画库的全屏滚动,适用于vue.js(移动端.pc)项目. 安装 npm install vue-animate-fullpage --save 使用 main.j ...
性能强悍的CSS动画库--Animate.css
前言互联网圈子里有造"轮子"的说法,能用现成的就不要自己去捣鼓了,既省时又省力!今天介绍的就是一款性能强悍的CSS动画库(Animate.css)的使用指导. 安装方法方法一: ...
前端之vue3使用动画库animate.css(含动画、过渡)
动画与过渡一.动画效果 1.默认动画实例动画语法 2.给transition指定name 二.过渡效果三.多个元素过渡四.vue3使用动画库动画库animate.css √ 五.总结一. ...

velocityjs 动画库比jquery默认的animate强

velocityjs 动画库比jquery默认的animate强相关推荐

最新文章

热门文章

velocityjs 动画库 比jquery默认的animate强

velocityjs 动画库 比jquery默认的animate强相关推荐

最新文章

热门文章

velocityjs 动画库比jquery默认的animate强

velocityjs 动画库比jquery默认的animate强相关推荐