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

次のように、要素に対して rotate3Di メソッドを実施するだけ。
第一引数は回転のdegreeで、第二引数はdurationとなります。
$('#rot-ex').rotate3Di(180, 3000);
デモにあるような小さいものではなく、もっと大きな要素を回転させると大きなインパクトが得られそうです。
対応していないブラウザでは何も起りませんが、なかなか面白いプラグインですね。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 2000種類以上の汎用ピクトグラムアイコン集「Atlas Icons」
- かわいい手書き風フォント「うさぎとまんげつのサンセリフ」
- ランディングページのサンプル集「Landings」
- WEBのUIコンポーネントギャラリー「The Component Gallery」
- 汎用で使える700+のピクトグラムアイコン「Sargam Icons」
- 白黒写真をWEB上で簡単にカラーにできる「Palette」
- iPhone14Proのモックアップ
- 建築素材風のおしゃれな背景画像「Architextures」
- クールな今どきのギャラリーサイトを作れるサンプル
- SVG形式の背景パターンなどをWEBで生成できる「fffuel」
- 過去のエントリ