【実習13】ファーストビューのアニメーション設定

実習範囲

ファーストビューのアニメーションを設定します。 クライアントに指示された要件をもう一度見てみましょう。

アニメーション等の設定

⑦ファーストビュー

スマホは上から順に、PCでは下記の順でフェードイン表示させて欲しい。

1. STEP1
2. STEP2
3. STEP3
4. 未経験Webデザイナーのための～
5. 操作画面の画像
6. 今すぐテストを受けるボタン

表示速度は早め、一回のみのアニメーションでOK。

なお、どのようなフェードイン（ただopacityを変化させる、ズームインやスライドイン風の効果も加える）にするのかは指定されていません。

順番に各要素が出てくるように設定できればOKです。 解説ではCSSのみで設定します。