CSS Animations

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.

Basic Usage

  1. Include the stylesheet on your document’s <head> 
    <head>
  <link rel="stylesheet" href="animate.min.css">
</head>

    or use the version hosted by CDNJS

    <head>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
</head>
  2. Add the class animated to the element you want to animate. You may also want to include the class infinite for an infinite loop.
  3. Finally you need to add one of the following classes:
    • bounce
    • flash
    • pulse
    • rubberBand..etc

More Details
https://daneden.github.io/animate.css/
 

Leave a Comment

WhatsApp Logo Chat