前の記事 ≪:ブラウザ上でサイトの画面サイズを自由に切り替えてレスポンシブ開...
次の記事 ≫:2013年9月6日 管理人のブックマーク

スマホの傾きを検出してParallax効果を作れる「parallax.js」

2013年09月06日-はてなブックマーク

スポンサード リンク

parallax.js

スマホの傾きを検出してParallax効果を作れる「parallax.js」
キャンペーンサイトなどでやると印象がグッとアップしそうなエフェクトが作れるっぽいですが、このデモは必見ですね。



画像は以下のようにulでリスト形式にしてレイヤーをずらす形で実現されるようです。



やってることの割りにはJSで比較的簡単に実装ができそうです

関連エントリ

スポンサード リンク

By.KJ : 2013年09月06日 10:00 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)