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

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

2010年11月30日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
jQuery Plugin: rotate3Di - Flip HTML content in 3D - zachstronaut

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



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

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

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

関連エントリ
関連の記事検索:プラグイン, 3D
スポンサード リンク

By.KJ : 2010年11月30日 09:11 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)