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. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryで$.inArrayを使えば配列の中に指定した値が何番目に入ってるか知ることができる

    jQueryで配列の中に自分が指定した値が何番目にあるか知りたい場合は…

  2. zingtouch

    JavaScript

    タッチジェスチャーをカスタマイズできるJSライブラリ「zingtouch」

    Zingtouchは、タッチ対応のデバイスにおける基本的なジェスチャー…

  3. PhotoSwipe

    JavaScript

    タッチジェスチャーにも対応したイメージギャラリー・PhotoSwipe

    PhotoSwipeはスマホやタブレットのタッチジェスチャーにも対応し…

  4. Circular Slider
  5. no-image

    JavaScript

    水平・垂直に対応したカルーセルスライドショー「jCarousel」

    jCarouselは水平・垂直に対応したカルーセルスライドショーを実装…

  6. Materialize Tags

    JavaScript

    マテリアルデザインのタグ管理を実装できる「Materialize Tags」

    Materialize Tagsは、マテリアルデザインのタグ管理を実装…

最近の記事

  1. Aモーニングセット
  2. 白トリュフの塩パンやメロンパンなど
  3. 東京都現代美術館
  4. スーリア バターチキン
  5. そそそ 明太クリームそうめん

アーカイブ

PAGE TOP