はてなブックマーク - スクロールに応じて要素がアニメーションする、視差効果（パララックス）を取り入れたWebデザイン例とTipsいろいろ

スクロールに応じて要素がアニメーションする、視差効果（パララックス）を取り入れたWebデザイン例とTipsいろいろ - かちびと.net

kachibito.net

タグ : HTML5 Webデザイン jQuery パララックス web制作アニメーションスクロールデザイン html web

コンピュータ・IT 600 users

最近ちょくちょく見かけるようになったので調べた事をメモ。スクロールすると、複数要素が、それぞれアニメーションするような Webデザイン。視差効果を生み出すようなパララックス効果を取り入れたものや、ユニークにアニメーションするものなどなど。以前見たNIKEのプロモーションサイトでちょっと心惹かれたんですけど、特に最近よく見かける気がするのでいくつか参考にしたいサイトを探してみました。単なる備忘録です。スクロールに応じて背景等がズレながら動く、みたいなやつ。デモも作りましたので宜しければ御覧ください... > このページを見る

最終更新時間: 2011年07月06日11時15分

▼ブログで紹介する

みんなのブックマーク人気（0）新着

sima-box html5
パララックス 2012/03/21
cachico html5, web製作, jQuery, パララックス, webdesign
パララックス・スクロールについて 2012/03/17
yocchi24 HTML5, jQuery, Webデザイン, web制作, パララックス
パララックス効果についてのまとめ！！ 2012/03/09
civatan55 WEB小技
去年よく見かけた上下のユーザビリティのアイデア。こう言うの作ってみたい。 2012/02/22
Leonk
jQuery 　パララックス 2012/02/21
hanabi_hibana jquery, CSS3
パララックス効果。jQuery 2012/02/03
fujis_a パララックス, HTML5
ついにうちのデザイナーさんがこれやりたいと本格的に言い始めた。。。 2012/01/20
fooo html5, JavaScript, jQuery
パララックスのサイト例とチップス 2012/01/11
misomakura HTML5, jQuery, JavaScript, まとめ, 参考
"スクロールに応じて要素がアニメーションする、視差効果（パララックス）を取り入れたWebデザイン例とTipsいろいろ" 2011/09/25
yuki78 パララックス
多重スクロール 2011/08/24
warriorking .pending
スクロールに応じて要素がアニメーションする、視差効果（パララックス）を取り入れたWebデザイン例とTipsいろいろ - かちびと.net 2011/07/21
mellow_punch web制作, デザイン
パララックスサンプル 2011/07/19
iroux スクロール, デザイン, jQuery, パララックス, web制作, Webデザイン
視差 2011/07/14
rdfrk
へぇー、こんなことが出来るんだなぁ。 Reading: スクロールに応じて要素がアニメーションする、視差効果（パララックス）を取り入れたWebデザイン例とTipsいろいろ - かちびと.net 2011/07/14
tomo_p web制作, web, webdesign
パララックス効果 2011/07/11