Dynamic Animation Library Using Animate.css – animate.css-dynamic

Animate.css-Dynamic is a very useful and easy-to-use jQuery animation library that allows you to use animations dynamically to any elements with the help of Animate.css. You can animate each of the elements according to your requirements without the need of changing anything in the source library.

Features:

• Animation is depending on Animate.css, so you will need to add Animate.css.
• Very useful and easy to use.
• Works without any JS call.
• Animation works on Scroll, Click, Hover, Keypress, or Page Load.

How to use it:

1. Include the Javascript animate.min.js at the bottom of the web page.

<script src="https://cdn.jsdelivr.net/gh/KodingKhurram/animate.css-dynamic@main/animate.min.js"></script>

2. Include the CSS animate.min.css in the header of the page.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>

3. After installing Animate.css-Dynamic, add the class ani_{animation name} where: {animation name} is a valid animation name from animate.css library, as in here.

4. Add the basic HTML to the page.

<h4 class="ani_bounce">An animated element.</h4>