Posted by | 江口 史和里 Shiori Eguchi |
みなさんこんにちは!
ホームページ制作の途中、
『スクロールしているけど、動かない背景ってどうやるんだろう??』
とふと思い、検索してみたところ
”パララックスページ” ”パララックス効果”と呼ばれるものでした。
パララックス=視差効果、という意味だそう。
まずは、特に効果をいれていないサンプルページ☟
そしてパララックス効果いれてみました☟
奥行きを感じますね〜〜〜
背景が動かないだけで、ここまで雰囲気が変わるとは・・
ピークスマインドが応援している学生団体Stay Kyushuさまのホームページでも
使用してみました。☞【学生団体Stay Kyushu】
色々と調べてみると、パララックスを使用した
面白いWebサイトがあったので2つご紹介します^^
ホームページはこちら ※PC推奨
ポルシェの歴史を辿るようなWebデザインとなっており
スタイリッシュでかっこいいホームページです!
車がどんどん変身していくようで、美しい視差効果だなと思います^^
ホームページはこちら ※PCでもスマホでもOK!
”水を大切にしましょう”というコンセプトのもと、制作されたホームページになります。
以前ご紹介した、【Googleサンタを追いかける】と通ずるような
スクロールにあわせて動く、アニメーションWebページです。とてもかわいい。
以上2つご紹介いたしました!
是非スクロールしてお楽しみください^^
Posted by Shiori Eguchi
<Remote>WEBコーダー/クリエイター 江口 史和里
|
ブログ 2023-04-30 21:35:00
4月最終日となり、もう夏の訪れも感じようかとする今日この頃。 ピークスマインドで働いていると、休みが火曜と水曜なので、参加できるイベントが ...
ブログ 2024-04-30 22:56:00
お久しぶりです! 手嶋です。 ついに入社式を迎え社会人生活スタート!! …と思っているうちに1ヶ月が過ぎました。 こう ...
ブログ 2021-08-16 19:29:00
こんにちは、こんばんは エハラです。 今回は、ジンバルのセットに 挑戦してみたいと思います!!! ジ ...
ブログ 2022-01-31 15:25:00
皆さま、はじめまして! ピークスマインド2022新卒で入社予定の有隅鈴花と ...
ブログ 2021-01-28 17:42:00
こんにちは、桑原です。 今回は一からモデリングしているのを録画したので 紹介しようと思います! デザインはお馴染み夢ちゃんに頼んで ...
ブログ 2021-02-26 20:13:00
こんばんは ひきちひきです ...
ブログ 2021-02-10 21:50:00
こんにちは!平野です^^ 最近、新卒採用の説明会まで任せられるようになりました。笑 ピークスマインドでは、 コロナ禍に ...
ブログ 2024-01-26 15:57:00
数日間の東京出張 前日夜入り、リハーサル、本番と、順調に過ごしていたら &n ...
ブログ 2023-10-27 00:06:00
どうも皆さんこんにちは! 志水 勇輔(しみず ゆうすけ)です 以前から告知していたピークスマインドの大イ ...
ブログ 2021-04-22 22:08:00
こんにちは、ほーりーです。 Appleから新製品の発表がありました! 様々な商品が気になるところではありますが、、、 ...