How to make use of it:

1. Load the animate.css and animate.min.js within the web page.

<link rel="stylesheet" href="/path/to/cdn/animate.min.css" />
<script src="/path/to/animate.min.js"></script>

2. Apply a CSS animation to the component. Refer to the Animate.css.

<h1 id="example">Animate.js</h1>

animate.apply({
  selector: '#example',
  style: "animate__swing",
});

3. Set the animation delay: to 1, 2, 3, or 4.

animate.apply({
  selector: '#example',
  style: "animate__swing",
  delay: 2,
});

4. Set the animation speed: ‘slow’, ‘slower’, ‘fast’, or ‘faster’.

animate.apply({
  selector: '#example',
  style: "animate__swing",
  speed: 'slow',
});

5. Set the iteration to depend on the animation: 1, 2, 3, 4, or ‘infinite’.

animate.apply({
  selector: '#example',
  style: "animate__swing",
  repeat: 'infinite',
});