jAnimate

JavaScript

フリップやバウンスなどのアニメーションを要素に実装できる「jAnimate」

jAnimateはフリップやバウンスなどといったアニメーションを要素に実装することができるjQueryプラグインです。Animate.cssとjQueryが使われています。サクッと手軽に使える感じがいいですね。

jAnimate

デモ

また、詳しい使い方も上記のページで確認することができます。

こんな感じで実装がとてもシンプルです。

$('#title').jAnimate('flipOutX');

flipOutXの他にも、swing、shake、fadeOut、fadeIn、rotateOutと様々なアニメーションエフェクトがあるので、気になる方は是非チェックしてみてください。

jAnimate

Motion Blur Effect with SVGブラーエフェクトを効果的に取り入れる「Motion Blur Effect with SVG」前のページ

ダイナミックで美しいフルスクリーンのjQueryスライダーを実装できる「Nex」次のページNex

関連記事

  1. simple-calendar

    JavaScript

    イベント設定もできるシンプルなカレンダー実装「simple-calendar」

    simple-calendarは、イベント設定も可能なシンプルなカレン…

  2. Zoomerang.js
  3. Greedy Navigation

    JavaScript

    レスポンシブ対応でメニューのアイテム数がわかりやすい「Greedy Navigation」

    Greedy Navigationはレスポンシブ対応でメニューのアイテ…

  4. no-image

    JavaScript

    シンプルな円形のカラーピッカーを実装できる「jQuery-Colorwheel」

    jQuery-Colorwheelはシンプルな円形によるカラーピッカー…

  5. Flex-Slider-jQuery

    JavaScript

    シングルでもマルチでもOKなフレキシブルなスライダー「Flex-Slider-jQuery」

    Flex-Slider-jQueryは、フレキシブルなスライダーを実装…

  6. JavaScript

    多層に重なり合う美しいグラデーションの背景を実装できるjQueryプラグイン「SHARDS」

    多層に重なり合う美しいグラデーションの背景を実装できるjQueryプラ…

最近の記事

  1. ナイトロコーヒー
  2. チーズベーコンエッグバーガー
  3. ランチセットA
PAGE TOP