animatecss-helper

Helper function to add multiple animate.css classes to an element with Javascript.
Supports animate.css 3.x and 4.x

Installation

With npm

npm i animatecss-helper --save

and

import animateCSS from "animatecss-helper";

Or via CDN in the browser

<script src="https://cdn.jsdelivr.net/npm/animatecss-helper@1.1.0/dist/animatecss-helper.min.js"></script>

Usage

animateCSS(selector, classes, () => {
    // callback after animation ends
})

Examples

For v3

animateCSS('#id', 'fadeOut slow', () => {
    // callback after animation ends
})

For v4

animateCSS('#id', 'animate__fadeOut animate__slow', () => {
    // callback after animation ends
})

Build

Gulp is used to build the output
npm run build