Github轻量级开源动画引擎——Animejs

JavaScript019

Github轻量级开源动画引擎——Animejs,第1张

Anime.js是一个轻量级的JavaScript动画库，具有简单但功能强大的API。它与CSS属性，SVG，DOM属性和JavaScript对象一起使用。

Github

在Github上已收获近35k的star数，可见其非常受广大使用者的热爱！

特性

复杂的交错动画变得简单

css分层转换

在单个HTML元素上同时以不同的时间对多个CSS变换属性进行动画处理。

控件和回调

时间就是一切

使用完整的内置回调和控件功能同步播放，暂停，控制，倒退和触发事件。

动画任何东西

HTML，JS，CSS，SVG

安装使用

ES6：

CommonJS：

Demo

文字动画

块状动画

徽标动画

球状动画

总结

anime是一个非常值得使用的动画引擎，它足够简单，足够满足需求，足够的轻量，足够的惊艳！

方法调用该粒子插件：

particlesJS('particles-js', {

particles: {

color: '#fff',

shape: 'circle',

opacity: 1,

size: 4,

size_random: true,

nb: 150,

line_linked: {

enable_auto: true,

distance: 100,

color: '#fff',

opacity: 1,

width: 1,

condensed_mode: {

enable: false,

rotateX: 600,