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
最新のブログ記事(新着順)
- カスタマイズ性の高いツールチップ実装「jTippy」
- 手書き感がすごいグラフ描画JS「roughViz」
- Three.jsを使って３Dモデルに着色したりカスタマイズするUI実装
- 右クリックで円形メニュー実装「radialMenu」
- React用アニメーションライブラリ「Framer Motion」
- フィールド同士を接続するUI実装「FieldsLinker」
- selectボックスのbootstrap化「bootstrapSelect」
- マウス位置に反応して画像がバラバラひろがる「Image Trail Effects」
- テーブルを検索・ソート・ページ分けができる「jquery.fancyTable」
- タイプライターアニメーション「type-this」
- 過去のエントリ
