軽量でめちゃくちゃ使いやすいアニメーションCSS Animate.css

cap

Animate.cssは、軽量でめちゃくちゃ使いやすいアニメーションCSSです。

シンプルで、動きが綺麗です。実装も簡単です。

オリジナルデモを作ってみました。

スポンサーリンク

実装方法

CSSファイルを読み込みます。必要に応じてjqueryも読み込んでおきましょう。

対象の要素(#yourElementの部分)と、アニメーション(bounceOutLeftの部分)を指定します。

アニメーションが終了したタイミングで、何かをすることも可能です。

アニメーションの細かな速度を指定することもできます。

公式サイト・解説

Animate.css
公式サイト ダウンロードはこちら。

daneden/animate.css · GitHub
使い方の解説。

スポンサーリンク
Animate.css – 軽量でめちゃくちゃ使いやすいアニメーションCSS

みんなが見ている人気記事

コメントを投稿する

  • Posted on 2015.09.18
  • Views 447