jQuery.animejs
This is a small (< 1kb) helper plugin for the great Anime.js.
Features
- Chain Anime.js calls in a more readable way.
- Supports latest Anime.js versions with all options.
- Very small Footprint (~600 bytes).
Usage
In the browser:
<script src="/path/to/jquery.anime.min.js"></script>
<script>
// start chaining
$(selector).animejs({
left : '50%',
translateX: '-50%',
background : '#00ff00',
duration: 1000,
}).animejs({
top : '50%',
color : '#fff',
background : '#ff0000',
duration: 1000,
}).animejs({
rotate : 360,
duration: 1000,
})
</script>
Or as a NPM dependency:
# Add the dependency to your project
npm install --save jquery.animejs
# or
yarn add jquery.animejs
And then import it in your project:
import 'jquery.animejs'
// start chaining
$('.element').animejs({
left : '50%',
translateX: '-50%',
background : '#00ff00',
duration: 1000,
}).animejs({
top : '50%',
color : '#fff',
background : '#ff0000',
duration: 1000,
}).animejs({
rotate : 360,
duration: 1000,
})
5 Sep 27, 2022
680 Dec 16, 2022
118 Sep 8, 2022
3 Mar 10, 2022
3 Jun 18, 2022
4 Jul 6, 2022
1 Jan 21, 2022
12 Jan 2, 2023
4 Nov 15, 2022
1 Dec 31, 2021