建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JS超高性能专业级动画插件tweenmax.js

来源:易助科技网浏览量:40收藏

简介


适用于移动端和现代互联网的超高性能专业级动画插件,Tweenmax是GreenSock 动画平台的核心,可配合其他插件 使用,可动画CSS属性有滤镜效果、 颜色、 声音、 色彩、 帧、 饱和度、 对比度、 色调、 色系、 亮度、 贝塞尔等。

TweenMax.js包含有两个核心功能:TweenMax和TweenLineMax。


JS超高性能专业级动画插件tweenmax.js-示例图



使用


1.  引入 tweenmax.js 文件


2.  使用


可用来构建补间动画(tween)。补间是flash时代的专业词汇,意思是在起始状态和终点状态之间补全中间过程。


$('#obj')[0].score = 100;
var myTween = TweenMax.to("#obj", 3, {
  left: function(index){
    return index*50+100
  },
  score: 5,
  onUpdate: function () {
    document.querySelector("#obj").innerHTML = $('#obj')[0].score;
  }
});



相关链接


官网地址 :  http://greensock.com

GitHub地址 :  https://github.com/peiyaoyao/tweenMax

官方文档 :  https://gsap.com/docs/v3/GSAP/Tween