Anime.js In Action All In One

Anime.js In Action All In One

https://animejs.com/
https://github.com/juliangarnier/anime/

$ npm i -S animejs

// ES Modules
import anime from 'animejs/lib/anime.es.js';

// CommonJS
const anime = require('animejs');

CDN

https://cdnjs.com/libraries/animejs

https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js
https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.js

<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js" integrity="sha512-z4OUqw38qNLpn1libAN9BsoDx6nbNFio5lA6CuTp9NlK83b89hgyCVq+N5FdBJptINztxn1Z3SaKSKUS5UP60Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.js" integrity="sha512-E378bwaeZf1nwXeJGIwTB58A5gPt5jFU3u6aTGja4ZdRFJeo/N/REKnBgNZOZlH6JdnOPO98vg2AnSGaNfCMFQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

anime({
  targets: 'div',
  translateX: 250,
  rotate: '1turn',
  backgroundColor: '#FFF',
  duration: 800
});

API docs

https://animejs.com/documentation/

demos

https://codepen.io/collection/XLebem

refs

---

---

©xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---