Posted by | 江口 史和里 Shiori Eguchi |
みなさんこんにちは!
ホームページ制作の途中、
『スクロールしているけど、動かない背景ってどうやるんだろう??』
とふと思い、検索してみたところ
”パララックスページ” ”パララックス効果”と呼ばれるものでした。
パララックス=視差効果、という意味だそう。
まずは、特に効果をいれていないサンプルページ☟
そしてパララックス効果いれてみました☟
奥行きを感じますね〜〜〜
背景が動かないだけで、ここまで雰囲気が変わるとは・・
ピークスマインドが応援している学生団体Stay Kyushuさまのホームページでも
使用してみました。☞【学生団体Stay Kyushu】
色々と調べてみると、パララックスを使用した
面白いWebサイトがあったので2つご紹介します^^
ホームページはこちら ※PC推奨
ポルシェの歴史を辿るようなWebデザインとなっており
スタイリッシュでかっこいいホームページです!
車がどんどん変身していくようで、美しい視差効果だなと思います^^
ホームページはこちら ※PCでもスマホでもOK!
”水を大切にしましょう”というコンセプトのもと、制作されたホームページになります。
以前ご紹介した、【Googleサンタを追いかける】と通ずるような
スクロールにあわせて動く、アニメーションWebページです。とてもかわいい。
以上2つご紹介いたしました!
是非スクロールしてお楽しみください^^
Posted by Shiori Eguchi
<Remote>WEBコーダー/クリエイター 江口 史和里
|
ブログ 2020-12-06 18:48:00
こんにちは! 大名営業所にて音響チームはたまーに遊んでいます。 オペレートで使用している音響ミキサー『YAMAHA MG ...
ブログ 2022-12-19 10:16:00
こんにちは、こんばんは エハラです 続きまして、第4弾 社会経験のある、スーパー内定者を紹介します!! ...
ブログ 2020-11-29 22:43:00
みなさんこんにちわ! 11月もあっという間に過ぎましたね。 私はすごく早く感じました! 11月はとても寒くなりましたよ ...
ブログ 2020-12-07 21:30:00
映像制作において限りなく抑えたいもの・・ “制作時間" &n ...
ブログ 2019-12-28 20:31:00
先日、video copilot live JAPAN!! という映像イベントに参加する為、 東京へ行ってきました! ...
ブログ 2024-02-08 19:33:00
どうも横山です。 みなさんスポーツ観戦は好きですか。 私は好きです。 ...
ブログ 2021-01-24 19:06:00
こんばんは!平野です^^ 最近はずっと写真撮影のコツについて書いて来ましたが 今日はひとやすみして 「 THE FIRST TAKE ...
ブログ 2021-10-21 21:12:00
こんにちは、こんばんは エハラです。 前回は、映像を書き出す際の動画ファイルを5つ紹介しました! 見てくれましたか?ま ...
ブログ 2020-03-03 17:22:00
「メッチャポジティブな面白い学生おるよ」って息子銀次からの紹介で2020年1月に会ったのが鹿児島大学大学院生のノブくん。(写真左の子) 喋 ...
ブログ 2023-04-09 12:26:00
ようやく出来ました。コロナ禍でなかなか実施が出来ず....でも、ようやく. . . 当日は楽しすぎました(笑) 平日開催ということもあ ...