このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
-
#01 パララックスサイトを作ろう (02:12) 無料公開中
- 概要
- 完成品の確認
- 事前知識
- ツール
-
#02 ひな型ファイルを作ろう (03:00) 無料公開中
- ひな型HTMLファイルの作成
-
#03 スクロール距離を取得しよう (03:00) 無料公開中
- スクロール距離の取得
- 要素の移動
-
#04 各要素をばらばらに動かそう (03:01)
- 横方向への移動
- 変形処理
-
#05 背景画像を使ったパララックス効果 (02:54)
- ひな型ファイルの作成
-
#06 背景画像を固定させてみよう (02:14)
- 背景画像の固定
-
#07 背景画像を移動させてみよう (02:16)
- 背景画像の移動
-
#08 文字を出現させてみよう (02:43)
- 文字のスタイル
- 透過設定
- 位置設定
-
#09 マウスで操作するパララックス効果 (02:57)
- ひな型ファイルの作成
-
#10 マウスカーソルの位置を取得しよう (02:59)
- マウスカーソル座標の取得
-
#11 各要素を立体的に動かそう (01:17)
- 動作確認
