要素を3D回転させて注目を集められるjQueryプラグイン「rotate3Di」:phpspot開発日誌

前の記事 ≪：2010年11月29日管理人のブックマーク
次の記事 ≫：HTML5で実装するプレイリスト付きオーディオプレイヤー「AAP」

要素を3D回転させて注目を集められるjQueryプラグイン「rotate3Di」

2010年11月30日-

スポンサードリンク

jQuery Plugin: rotate3Di - Flip HTML content in 3D - zachstronaut

要素を3D回転させて注目を集められるjQueryプラグイン「rotate3Di」。
次のように、四角い要素にカーソルを合わせると回転します。
Chromeだと本当に滑らかに動いてインタラクティブ要素として面白い効果を付けられます。

次のように、要素に対して rotate3Di メソッドを実施するだけ。
第一引数は回転のdegreeで、第二引数はdurationとなります。

$('#rot-ex').rotate3Di(180, 3000);

デモにあるような小さいものではなく、もっと大きな要素を回転させると大きなインパクトが得られそうです。
対応していないブラウザでは何も起りませんが、なかなか面白いプラグインですね。

関連エントリ

関連の記事検索：プラグイン, 3D