Posted by | ![]() |
江口 史和里 Shiori Eguchi |
みなさんこんにちは!
ホームページ制作の途中、
『スクロールしているけど、動かない背景ってどうやるんだろう??』
とふと思い、検索してみたところ
”パララックスページ” ”パララックス効果”と呼ばれるものでした。
パララックス=視差効果、という意味だそう。
まずは、特に効果をいれていないサンプルページ☟
そしてパララックス効果いれてみました☟
奥行きを感じますね〜〜〜
背景が動かないだけで、ここまで雰囲気が変わるとは・・
ピークスマインドが応援している学生団体Stay Kyushuさまのホームページでも
使用してみました。☞【学生団体Stay Kyushu】
色々と調べてみると、パララックスを使用した
面白いWebサイトがあったので2つご紹介します^^
ホームページはこちら ※PC推奨
ポルシェの歴史を辿るようなWebデザインとなっており
スタイリッシュでかっこいいホームページです!
車がどんどん変身していくようで、美しい視差効果だなと思います^^
ホームページはこちら ※PCでもスマホでもOK!
”水を大切にしましょう”というコンセプトのもと、制作されたホームページになります。
以前ご紹介した、【Googleサンタを追いかける】と通ずるような
スクロールにあわせて動く、アニメーションWebページです。とてもかわいい。
以上2つご紹介いたしました!
是非スクロールしてお楽しみください^^
![]() |
Posted by Shiori Eguchi
<Remote>WEBコーダー/クリエイター 江口 史和里
|
ブログ 2022-03-31 01:11:00
こんにちは、こんばんは 江原です。 みなさま、休日はいかがお過ごしでしょうか? 映画を見る?ゲームをす ...
ブログ 2021-02-06 20:17:00
こんにちは ひきちひきです 今日のお昼にみんなでたい焼きを買いにいきまし ...
ブログ 2021-05-20 11:10:00
こんにちは、ほーりーです。 データ転送機器として幅広く使われているUSB端子 そんな「USB」に3.0や2.0といった規 ...
ブログ 2021-05-08 21:03:00
こんにちは、桑原です。 今回は、AE cc2020から追加した新機能の ドロップダウンメニュー制御について紹介します! cc2020が ...
ブログ 2021-03-25 19:17:00
こんにちは!平野です。 桜が満開になってきたので 先日のお休みに撮影してきました! これは曇り空、 ...
ブログ 2021-02-12 18:31:00
こんにちは!平野です。 今日は偶然テレビで見て素敵だと思った 卒業アルバムのARサービス「ソツアル」を紹介します^^ ...
ブログ 2021-06-04 18:01:00
こんにちは!!Apple製品大好きな堀です! ...とひたすら自己紹介を書き続けていた私の元に最近「とある荷物」が届きまし ...
ブログ 2020-06-30 23:45:00
こんばんは、ほーりーです。 カラオケに行きたい!!!! ...
ブログ 2022-07-02 10:37:00
こんにちは〜 最近触れたことのない音響を覚え始め、 ドキドキワクワクしながら毎日過ごしています、 23新卒内定者の牛で〜す、おねがいし ...
ブログ 2020-03-31 21:40:00
こんにちは★ ヤマオこと山男です(^_^) 休日は基本こどもたちと遊んでいるのですが 何故か遊ぶ毎に新しい遊びが増えて ...