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サイトもどんどん便利になっていくのかも
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- Matter.jsとPaper.js を使った物理オブジェクトでコンテンツをマスクするデモ
- Three.jsでパーティクルが雨のように降り注ぐ実装デモ
- ホバーで文字がバラバラと集まるエフェクト実装
- ClipPathを使ったオシャレな画面切り替えスライドショー実装
- テキストをSVGを使って円形アニメーションさせるデモ
- Three.jsをつかった3Dなローディングアニメーション実装
- ホバー時にCSSで下線などをアニメーション表示するサンプル
- iPhone, iPad, Mac, Android などのフリーのベクターモックアップ
- macOS用の使いやすいカラーピッカー「pika」
- CSSでボタンにサイバーパンク効果を与えるサンプル
- 過去のエントリ