Posted by | ![]() |
江口 史和里 Shiori Eguchi |
みなさんこんにちは!
ホームページ制作の途中、
『スクロールしているけど、動かない背景ってどうやるんだろう??』
とふと思い、検索してみたところ
”パララックスページ” ”パララックス効果”と呼ばれるものでした。
パララックス=視差効果、という意味だそう。
まずは、特に効果をいれていないサンプルページ☟
そしてパララックス効果いれてみました☟
奥行きを感じますね〜〜〜
背景が動かないだけで、ここまで雰囲気が変わるとは・・
ピークスマインドが応援している学生団体Stay Kyushuさまのホームページでも
使用してみました。☞【学生団体Stay Kyushu】
色々と調べてみると、パララックスを使用した
面白いWebサイトがあったので2つご紹介します^^
ホームページはこちら ※PC推奨
ポルシェの歴史を辿るようなWebデザインとなっており
スタイリッシュでかっこいいホームページです!
車がどんどん変身していくようで、美しい視差効果だなと思います^^
ホームページはこちら ※PCでもスマホでもOK!
”水を大切にしましょう”というコンセプトのもと、制作されたホームページになります。
以前ご紹介した、【Googleサンタを追いかける】と通ずるような
スクロールにあわせて動く、アニメーションWebページです。とてもかわいい。
以上2つご紹介いたしました!
是非スクロールしてお楽しみください^^
![]() |
Posted by Shiori Eguchi
<Remote>WEBコーダー/クリエイター 江口 史和里
|
ブログ 2021-04-16 20:00:00
こんばんは、ほーりーです。 ぼくは結婚式のムービー撮影に「Lumix DC-GH5」を使用しています。 耐久性、操作性、 ...
ブログ 2020-04-30 23:58:00
新型コロナウィルスの影響で緊急事態宣言発令!皆さん、如何お過ごしでしょうか?外出自粛ではありますが、「誰にも会わずに1人で」マイカーで出かけ ...
ブログ 2020-10-30 14:24:00
皆様、こんにちは。 食欲の春夏秋冬上甲です。 すっかり肌寒くなってきましたこの季節、 皆様いかがお過ごしでしょうか? ...
ブログ 2021-02-08 18:58:00
みなさんこんにちは! 今回は第2回目【初心者でもわかる音響ミキサー講座② -マスター&エフェクト編-】で出てきた YAMAHA MG20 ...
ブログ 2021-01-24 20:48:00
こんにちは! 深田雄太です! シリーズ化してきた 「はじめてのドローン」 前回は飛ばす前の前知識 ルール篇をご紹介 ...
ブログ 2021-01-20 21:39:00
世の中は、コロナの影響もあり、ヴァーチャルオフィスだの、オンラインがメインになっていくだの、エンタメの主流はリアルからヴァーチャルへだの、、 ...
ブログ 2020-08-31 18:44:00
みなさんこんにちわ! 最近、映画を見ることにハマっている水流です!! 最近見た映画で良かったのは&hel ...
ブログ 2022-12-15 10:21:00
こんにちは!たけばです^^ 皆さんはお休みの日は何をされていますか??? 私はライブに行くことが大好きで ...
ブログ 2021-02-26 20:59:00
こんにちは!たけばです^^ 今日はとても素敵だなってものを見つけたので今日はそれをご紹介!それをおこなっていたのが ...
ブログ 2020-04-27 15:49:00
皆様お久しぶりです!平野です^^ 最近はお家からあまり出られない方が多いかと思いますが 元気にお過ごしでしょうか><? ...