ロゴ

タイトルの説明文

background-attachmentを使ったパララックス 風サイトの作成

パララックスとは視差の効果を用いて、サイトに動きをつける事です。多くの場合はスクロールする際に複数の要素に異なるスピードにスクロールするように設定する事で視差が生じ、結果としてレイヤー構造を意識出来る重層的なデザインになります。

background-attachmentをfixedで背景画像を固定し、
背景画像用のdivとコンテンツ情報が入るdivを交互に配置する事でこのようなサイトが作成出来ます。

学校情報

学校名
フェリカ・テクニカルアカデミー
住所
〒171-0022東京都豊島区南池袋2-12-9
電話番号
03-1234-1111
コース名
はじめてのWebサイト制作科