animatecss

『Animate.css』は、回転やフェードイン、フェードアウトなどのアニメーションを簡単に実装できるCSSライブラリです。

『Animate.css』

animate

ライセンスはMIT

『Animate.css』の使い方

『Animate.css』を外部ファイルとして読み込みます。

アニメーションさせたい要素にクラスを付与します。

と、たったこれだけで実装できます。

いろいろなエフェクト

様々なエフェクトがありますので、実際にどのような動きをするのか先ほどのリンク先で確かめることができます。

下の方にスクロールしていくと、このようなものがあるのでそれぞれお好きなものを選んでクリック。

animate1

カスタマイズダウンロード

サイト上部にボタンがありますので、そこからダウンロードします。 全部はいらないよ!という方は、左側のボタンをクリックします。

animate2

必要なものだけを選択してBuild itのボタンを押すだけです。

animate3

Animate.cssのLESS版もあります。

CSS3アニメーションを使う機会が増えてくると思うので、こういった簡単に実装できるライブラリが増えてくるのはほんとうにありがたいなと思います。

ADVERTISEMENT

Author:

follow FacebookPage

当ブログがお気に召しましたら是非いいね!をお願いします!

Follow Me

閲覧頂きありがとうございました:)

Message

トップへ戻る