CSS3アニメーションをjQueryで使いやすくするプラグイン「jQuery Transit」
2012年06月12日-
スポンサード リンク
jQuery Transit - CSS3 animations for jQuery
CSS3アニメーションをjQueryで使いやすくするプラグイン「jQuery Transit」。

CSS3のanimation、transitionアニメーションがありますが、これをjQueryのanimate風にしてより直感的に使いやすくするものです
CSS3にアニメーションを書くのは気持悪いという方は、こうしたライブラリを活用してみるとよいですね
使い方は以下のように、animateの代わりに transition というメソッドを使うというものです。
$('.box').transition({ x: '90px' });
コードとデモの例




他にも3Dに回転するアニメーションやイージング等、アニメーションはこれでOKというぐらい多彩なアニメーションが可能です。
組み合わせることでダイナミックな表現をJavaScriptでより分かりやすく記述することができそうですね
関連エントリ
CSS3アニメーションをjQueryで使いやすくするプラグイン「jQuery Transit」。

CSS3のanimation、transitionアニメーションがありますが、これをjQueryのanimate風にしてより直感的に使いやすくするものです
CSS3にアニメーションを書くのは気持悪いという方は、こうしたライブラリを活用してみるとよいですね
使い方は以下のように、animateの代わりに transition というメソッドを使うというものです。
$('.box').transition({ x: '90px' });
コードとデモの例




他にも3Dに回転するアニメーションやイージング等、アニメーションはこれでOKというぐらい多彩なアニメーションが可能です。
組み合わせることでダイナミックな表現をJavaScriptでより分かりやすく記述することができそうですね
関連エントリ
スポンサード リンク
Advertisements
オススメサイト
SITE PROFILE
最新のブログ記事(新着順)
- テキストを高速に動かしているようなかっこいいエフェクトが作れる「Blotter.js」
- クリエイティブなオーディオビジュアライザー実装デモ
- Vanila.jsベースのツールチップ&ポップオーバー実装「Tippy.js」
- 日付や時間を指定するスライダーUI実装「jquery-time-slider」
- リッチなファイルアップロードウィジェットが作れる「filepond」
- フィルター可能な選択リスト作成「multi-list」
- 画像をバラバラに切り裂いて元に戻す風スライドショー
- 特定のDOMを指定して印刷することが出来るボタン「printThis」
- ページ内にインスタグラムの写真をかっこよく表示できるjQueryプラグイン「masongram」
- 軽量のスライド式サイドメニュー実装「bigSlide.js」
- 過去のエントリ