风格多样的JS动画库TinyAnimate.zip

时间:2022-08-07 21:03:53
【文件属性】:

文件名称:风格多样的JS动画库TinyAnimate.zip

文件大小:35KB

文件格式:ZIP

更新时间:2022-08-07 21:03:53

开源项目

TinyAnimate 一款轻量级的,风格多样的,采用JavaScript编写的动画库。设置CSS样式:var square = document.querySelector('.square'); TinyAnimate.animateCSS(square, 'marginLeft', 'px', 10, 70, 500, 'easeInOutQuart', function() {     console.log('done!!!111oneone'); });“X”属性在SVG元素中的应用:var square = document.querySelector('.square'); TinyAnimate.animate(70, 10, 1000, function(x) {     square.setAttribute('x', x); });使用Require.js改变透明度:define(['TinyAnimate'], function(TinyAnimate) {     var elem = document.querySelector('button.send');     elem.addEventListener('click', function(e) {         TinyAnimate.animate(1, .5, 500, function(opacity) {             square.style.backgroundColor = 'rgba(65, 131, 196, '   opacity   ')';         });     }); }); 标签:TinyAnimate


【文件预览】:
TinyAnimate-master
----bin()
--------requestAnimationFrame.js(589B)
--------TinyAnimate.js(4KB)
--------TinyAnimate.js.map(7KB)
--------requestAnimationFrame.js.map(734B)
----package.json(867B)
----readme.md(4KB)
----test()
--------server.js(319B)
--------index.html(11KB)
--------js()
----gulpfile.js(219B)
----LICENSE(1KB)
----src()
--------requestAnimationFrame.js(1KB)
--------TinyAnimate.js(10KB)
----.gitignore(18B)

网友评论