jAnimate

JavaScript

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

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

jAnimate

デモ

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

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

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

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

jAnimate

関連記事

  1. zoomwall.js

    JavaScript

    高さを揃えたグリッドレイアウトのLightbox系イメージギャラリー「zoomwall.js」

    zoomwall.jsは高さを揃えたグリッドレイアウトを実装することが…

  2. JavaScript

    文字の半分をスタイルすることができるjQueryプラグイン「Splitchar」

    SplitcharというjQueryプラグインを使えば、文字の半分をス…

  3. Vide

    JavaScript

    背景にvideoを表示できるjQueryプラグイン「Vide」

    VideというjQueryプラグインを使えば、Webサイトの背景にvi…

  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでJavaScriptのfor…inを使ってオブジェクトから値を1つずつ取り…

    JavaScriptにはfor...inというプロパティの数だけ繰り返…

  5. Docked Link jQuery Plugin
  6. PreViewTube.js

最近の記事

  1. Waterlogue
  2. macOS Mojaveのダークモード
  3. Olli
  4. 単語帳メーカー(Flashcard Maker App)

Facebookページ

PAGE TOP