Posted by | ![]() |
江口 史和里 Shiori Eguchi |
みなさんこんにちは!
ホームページ制作の途中、
『スクロールしているけど、動かない背景ってどうやるんだろう??』
とふと思い、検索してみたところ
”パララックスページ” ”パララックス効果”と呼ばれるものでした。
パララックス=視差効果、という意味だそう。
まずは、特に効果をいれていないサンプルページ☟
そしてパララックス効果いれてみました☟
奥行きを感じますね〜〜〜
背景が動かないだけで、ここまで雰囲気が変わるとは・・
ピークスマインドが応援している学生団体Stay Kyushuさまのホームページでも
使用してみました。☞【学生団体Stay Kyushu】
色々と調べてみると、パララックスを使用した
面白いWebサイトがあったので2つご紹介します^^
ホームページはこちら ※PC推奨
ポルシェの歴史を辿るようなWebデザインとなっており
スタイリッシュでかっこいいホームページです!
車がどんどん変身していくようで、美しい視差効果だなと思います^^
ホームページはこちら ※PCでもスマホでもOK!
”水を大切にしましょう”というコンセプトのもと、制作されたホームページになります。
以前ご紹介した、【Googleサンタを追いかける】と通ずるような
スクロールにあわせて動く、アニメーションWebページです。とてもかわいい。
以上2つご紹介いたしました!
是非スクロールしてお楽しみください^^
![]() |
Posted by Shiori Eguchi
<Remote>WEBコーダー/クリエイター 江口 史和里
|
ブログ 2021-07-31 23:27:00
コロナ禍で急速に一般的になった オンラインのある生活。 最近はオフライン ...
ブログ 2024-02-02 17:09:00
宮崎です! 実は私、、、 ...
ブログ 2022-06-16 18:35:00
こんにちは! 雨の日が多くなるにつれて、今年もこの季節がやってきたかと 少しだけ憂鬱になってしまう有隅です! &nbs ...
ブログ 2021-06-10 19:42:00
最近ムービングライトの操作を研究している 井手口です♪ ...
ブログ 2021-02-01 19:03:00
みなさま、こんにちは。 1日お水2Lはじめました。上甲です。 前回までは私の好きな楽曲やアーティストについて語っていきま ...
ブログ 2021-01-31 21:30:00
Clubhouse 使ってみた 先日ブログにてご紹介したClubhouse 招待されないと使えないアプリ ...
ブログ 2020-02-08 02:49:00
2020年2月5日BIZREACH CAMPUS FESTIVAL @渋谷ヒカリエのイベントにテクニカル全般の仕切りとしてお仕事へ行ってきま ...
ブログ 2022-12-05 10:35:00
こんにちは、お久しぶりですひきちです! ピークスマインドに入社して3年目に ...
ブログ 2023-02-14 00:09:00
どうも山内です★ 2023年が始まり早くも2ヶ月が経ちました ・社員の婚礼 から始まり ・自社の演出プレゼンテーション 1月,2月 ...
ブログ 2022-09-29 22:52:00
こんばんわ!永原です! 最近オペレートデビューもして忙しくなってきて ブログ投稿も久しぶりになってしまいました...。(言い訳です笑) ...