Animate.css

Animate.css

daneden.github.io

daneden/animate.css

🍿 A cross-browser library of CSS animations. As easy to use as an easy thing. - daneden/animate.css

github.com

Usage

To use animate.css in your website

<head>
  <link rel="stylesheet" href="animate.min.css">
</head>

or CDN

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

Full example:

<h1 class="animated infinite bounce delay-2s">Example</h1>

It's possible to change the duration of your animations, add a delay or change the number of times that it plays:

.yourElement {
  animation-duration: 3s;
  animation-delay: 2s;
  animation-iteration-count: infinite;
}

AOS JS / Animate On Scroll Library / 스크롤 애니메이션 효과 넣기 (0)	2019.09.20
WOW.JS 사용법 / 무료 애니메이션 기능 플러그인 (0)	2019.09.20
Conversational Form - Turn your content into conversations (0)	2019.09.18