iPhoneの傾きで画像を回転させられるようにする「lenticular.js」
2012年09月27日-
スポンサード リンク
lenticular.js - tilt-controlled images
iPhoneの傾きで画像を回転させられるようにする「lenticular.js」
パソコン、iPhoneの両方で見て頂きたいですが、iPhoneでアクセスした場合はiPhoneの傾きと同時に画像が回転。
パソコンで見ればマウス位置に応じて画像を回転させることができます。
近い未来のECサイトではこういう形で商品を見ることができるようになっているのかも。
今後、他にも傾きを使って色々とWEBサイトもどんどん便利になっていくのかも
関連エントリ
iPhoneの傾きで画像を回転させられるようにする「lenticular.js」
パソコン、iPhoneの両方で見て頂きたいですが、iPhoneでアクセスした場合はiPhoneの傾きと同時に画像が回転。
パソコンで見ればマウス位置に応じて画像を回転させることができます。
近い未来のECサイトではこういう形で商品を見ることができるようになっているのかも。
今後、他にも傾きを使って色々とWEBサイトもどんどん便利になっていくのかも
関連エントリ
スポンサード リンク
By.KJ : 2012年09月27日 09:06 
間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- モダンなHTML5画像/動画ギャラリー実装「Spotlight.js」
- クリック時にパーティ風エフェクトを作る「party.js」
- 文字と画像を3Dで回転させつつオシャレに動くナビゲーション実装
- 動的にCSSでマスクをかけるサンプル
- dropboxのWEB版UIをクローンした「htmx-dropbox」
- 汎用で使えるフリー３００個のアイコンセット「SWM Icon Pack」
- オシャレなマガジンスタイルでアニメーションもカッコいいページデモ
- Matter.jsとPaper.js を使った物理オブジェクトでコンテンツをマスクするデモ
- Three.jsでパーティクルが雨のように降り注ぐ実装デモ
- ホバーで文字がバラバラと集まるエフェクト実装
- 過去のエントリ
