複数画像を並べるだけでアニメのように奥行きを表現できる「jQuery.Smart3D」
2011年09月12日-
スポンサード リンク
jQuery.Smart3D Info for Coders
複数画像を並べるだけでアニメのように奥行きを表現できる「jQuery.Smart3D」
マウス位置に応じて画像をずらせて奥行きを表現できます。


実装方法が簡単で、ul以下にliとimgタグを並べて初期化するだけというものです。マークアップ的にあんまりよろしくないのかもしれませんが、こうしたUIが必要なときに手軽に実装できます。


単なる画像よりも、こうしたインタラクティブな要素を入れるとより注目を集められそうですね
関連エントリ
複数画像を並べるだけでアニメのように奥行きを表現できる「jQuery.Smart3D」
マウス位置に応じて画像をずらせて奥行きを表現できます。


実装方法が簡単で、ul以下にliとimgタグを並べて初期化するだけというものです。マークアップ的にあんまりよろしくないのかもしれませんが、こうしたUIが必要なときに手軽に実装できます。


単なる画像よりも、こうしたインタラクティブな要素を入れるとより注目を集められそうですね
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- Three.jsでパーティクルが雨のように降り注ぐ実装デモ
- ホバーで文字がバラバラと集まるエフェクト実装
- ClipPathを使ったオシャレな画面切り替えスライドショー実装
- テキストをSVGを使って円形アニメーションさせるデモ
- Three.jsをつかった3Dなローディングアニメーション実装
- ホバー時にCSSで下線などをアニメーション表示するサンプル
- iPhone, iPad, Mac, Android などのフリーのベクターモックアップ
- macOS用の使いやすいカラーピッカー「pika」
- CSSでボタンにサイバーパンク効果を与えるサンプル
- カラフルな球体をWEB上でうごかすThree.jsをつかったサンプル
- 過去のエントリ