Reem's Animate.css Presentation

What is Animate.css?

The documentation says it best:

animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.

Created by 👨🏻‍💻Daniel Eden👨🏻‍💻, some cool developor guru from the UK, Animate.css features a wide range of animations to add to your html. Click the image to hop onto the website for examples!

How to Use Animate.css

Short, simple, and sweet.

  • Add the CDN hosted link to the top of your HTML. Find it in the 📑documentation📑
  • Add the class of `animated` to an element you wish to animate along with the name of your animation.
  • Add a delay if needed by writing `delay-(x)s` right after the animation name.
Example of me using the Animate.css library in my own code.

Your heart during coder stress:

an 8bit pixelated teal heart