HTML5 × CSS3 × jQueryを真面目に勉強 – #6 パララックスエフェクトの基本 ｜ クラスメソッド開発ブログ

2012/10/16 761 users パララックスエフェクト パララックス HTML ディ 視界

そんな訳で、パララックス・スクロールについて少し学んでみたので、超初心者向け（※自分含む）のサンプルをいくつか紹介していきたいと思います。 はじめに – パララックスエフェクトについて パララックス（parallax）を直訳すると視差です。視差効果とは、視界が移動する際に各物体がそれぞれ異なったスピードでスクロールすることで、奥行き間をはじめとした視覚効果を指します。 アニメーションの世界ではディ... 続きを読む

最新の国内のパララックス効果を使用したサイトをまとめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/04/16 570 users パララックス効果 Webデザインクリップ パララックス 最新

Flashを使わずにJavascriptやCSS3ののアニメーションを使って、スクロール時に奥行きがある視覚効果を生み出す「パララックス効果」。 最近では国内の企業サイトなどでも使われているのを数多く目にするようになってきました。 今回はそんなパララックス効果（parallax）を使用した最新の国内サイトをまとめてみました。 中にもパララックスじゃなくてスクロールするサイトじゃないか？と思われるか... 続きを読む

Photoshop Vip » ユニークな視差アニメーション効果を利用したWebサイトデザイン21個まとめ

2011/05/23 124 users Photoshop Vip Wikipedia NEWS

News Home > News > ユニークな視差アニメーション効果を利用したWebサイトデザイン21個まとめ ユニークな視差アニメーション効果を利用したWebサイトデザイン21個まとめ 2011年5月23日　　　 視差(英: parallax)効果という言葉を知っていますか。 Wikipediaによると、二地点での観測地点の位置の違いにより、対象点が見える方向が異なることと表記されています。 ... 続きを読む