Image splitting effect with CSS and JQuery ・TutsValley

マウスオーバーで画像を扉のように左右にアニメーションさせるjQueryサンプルが公開されています。
画像上にマウスを置くと、ビローンと中心から半分に割れて左右にアニメーションしていきます。


デモページ

面白いのは、１枚の画像でこれを実現しているところです。
CSSで２枚のブロックを作って、それをアニメーションさせています。

応用することで、縦方向に分割したりと、他にも面白いことが出来そうです。

関連エントリ

• jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごい
• ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集
• ユニークで使えそうなjQueryプラグイン10個