Javascript

【Javascript】ウェブページやページの遷移に滑らかなアニメーションを追加するAnimate.js

October 21, 2017
Animate.js

Animate.jsは滑らかなアニメーションをWebページやページ遷移に追加します。

Installation

スクリプトインクルードタグを追加

<script src="https://archan937.github.io/animate.js/animate.min.js"></script>

example:

    <h1 data-am-0="bounceInDown" data-am-3="flipOutX">Hi there! Meet animate.js!</h1>
    <h2 data-am-1="bounceInLeft 0.5s" data-am-2="flipOutY">Add slick animations to your web pages and page transitions</h2>
    <h1 data-am-4="rollIn" data-am-5="rollOut">Using animate.js is really easy!</h1>

MIT