Posted by | 江口 史和里 Shiori Eguchi |
みなさんこんにちは!
ホームページ制作の途中、
『スクロールしているけど、動かない背景ってどうやるんだろう??』
とふと思い、検索してみたところ
”パララックスページ” ”パララックス効果”と呼ばれるものでした。
パララックス=視差効果、という意味だそう。
まずは、特に効果をいれていないサンプルページ☟
そしてパララックス効果いれてみました☟
奥行きを感じますね〜〜〜
背景が動かないだけで、ここまで雰囲気が変わるとは・・
ピークスマインドが応援している学生団体Stay Kyushuさまのホームページでも
使用してみました。☞【学生団体Stay Kyushu】
色々と調べてみると、パララックスを使用した
面白いWebサイトがあったので2つご紹介します^^
ホームページはこちら ※PC推奨
ポルシェの歴史を辿るようなWebデザインとなっており
スタイリッシュでかっこいいホームページです!
車がどんどん変身していくようで、美しい視差効果だなと思います^^
ホームページはこちら ※PCでもスマホでもOK!
”水を大切にしましょう”というコンセプトのもと、制作されたホームページになります。
以前ご紹介した、【Googleサンタを追いかける】と通ずるような
スクロールにあわせて動く、アニメーションWebページです。とてもかわいい。
以上2つご紹介いたしました!
是非スクロールしてお楽しみください^^
Posted by Shiori Eguchi
<Remote>WEBコーダー/クリエイター 江口 史和里
|
ブログ 2022-05-13 21:55:00
皆さんこんにちは!井手口です♪ 皆さんが日頃よく見るテレビやPC(モニター)には様々な種類 ...
ブログ 2021-01-25 21:58:00
突然ですが、クリスマスっていいですよね! サンタさんからプレゼントもらえたり、 &n ...
ブログ 2020-03-19 23:02:00
こんにちは!タケバです! 皆さま3月14日と言えば何の日か分かりますでしょうか? そう!ホワイトデーです ...
ブログ 2022-12-03 20:09:00
2022年11月30日。 無事にピークスマインド第11期を終えることが出来ました。 関係各社の皆様、ピークスマインドチームのみんな、本当 ...
ブログ 2021-02-25 20:16:00
こんにちは! かいとです 毎度おなじみ休日撮影シリーズです! 今回の撮 ...
ブログ 2022-10-30 23:52:00
皆さんこんにちは、こんばんは! 髙幣です。 10月30日は第一回目の新人研修をしていただきました。 社会人としての人間 ...
ブログ 2023-06-03 19:50:00
みなさんこんにちは! 気づけば今年も折り返し時点 梅雨の時期もやってきますね 梅雨嫌いっていう方が多い ...
ブログ 2023-04-25 19:34:00
こんにちは! なかむら りんです。 全国には中村さんが多いので ぜひ下の名前で覚えてい ...
ブログ 2019-09-23 14:32:00
8月に行ったタイ旅行 三日目。 この日は 朝からサムプラン動物園に行きました。 電車 ...
ブログ 2024-03-15 10:26:00
どうも皆さんこんにちは! 志水 勇輔(しみず ゆうすけ)です 先日、仕事で東京へ出張させていただき某企業様の撮影を行って ...