Posted by | 江口 史和里 Shiori Eguchi |
みなさんこんにちは!
ホームページ制作の途中、
『スクロールしているけど、動かない背景ってどうやるんだろう??』
とふと思い、検索してみたところ
”パララックスページ” ”パララックス効果”と呼ばれるものでした。
パララックス=視差効果、という意味だそう。
まずは、特に効果をいれていないサンプルページ☟
そしてパララックス効果いれてみました☟
奥行きを感じますね〜〜〜
背景が動かないだけで、ここまで雰囲気が変わるとは・・
ピークスマインドが応援している学生団体Stay Kyushuさまのホームページでも
使用してみました。☞【学生団体Stay Kyushu】
色々と調べてみると、パララックスを使用した
面白いWebサイトがあったので2つご紹介します^^
ホームページはこちら ※PC推奨
ポルシェの歴史を辿るようなWebデザインとなっており
スタイリッシュでかっこいいホームページです!
車がどんどん変身していくようで、美しい視差効果だなと思います^^
ホームページはこちら ※PCでもスマホでもOK!
”水を大切にしましょう”というコンセプトのもと、制作されたホームページになります。
以前ご紹介した、【Googleサンタを追いかける】と通ずるような
スクロールにあわせて動く、アニメーションWebページです。とてもかわいい。
以上2つご紹介いたしました!
是非スクロールしてお楽しみください^^
Posted by Shiori Eguchi
<Remote>WEBコーダー/クリエイター 江口 史和里
|
ブログ 2022-02-14 10:42:00
「ガールズクラッシュ」って 聞いたことありますか? 今若者の間でバズっているものなんですが   ...
ブログ 2019-11-16 14:58:00
こんにちは、松崎です。 いつもお世話になっているカノビアーノ福岡さんに 明るくてとても思いやりのある笑顔が素敵な 末廣 ...
ブログ 2023-07-06 16:33:00
こんにちは!牛です。 暑い日々が続いておりますが、皆さんいかがお過ごしですか~ 私は今週の休みを使い、なんと、 アシス ...
ブログ 2021-08-29 20:27:00
こんにちは、ほーりーです。 最近はWebのことをよく考えているのですが その中でも興味があるのがWebデザイン。 参考 ...
ブログ 2020-12-24 14:45:00
皆様、こんにちは。 最近、コラムやエッセイ本にハマっています、上甲です。 今年もいよいよあと数日、皆様いかがお過ごしでし ...
ブログ 2021-02-11 20:21:00
こんにちは、桑原です。 今回はちょっと季節外れですが、花火の作り方を紹介します。 急ぎ足で作ったのでちょっと雑ですが、、、泣 パー ...
ブログ 2021-09-23 12:17:00
こんにちは!たけばです^^ 今日は「フォント」についてのお話 フォントってデザインにとっ ...
ブログ 2021-01-30 16:59:00
皆様こんにちは。 三度の飯と同じくらいミステリーが好きな上甲です。 最近は音楽について徒然なるままにしたためていますが、 ...
ブログ 2022-02-14 15:39:00
こんにちは!宮崎です 今日は遅くなりましたが、今年の目標を漢字1文字で発表します! 私の今年の目標は、 ...
ブログ 2022-05-31 20:24:00
こんにちは! 深田雄太です! ピークスマインドの新しいCMを制作いたしました! 完成映像はこちら! ...