言語を学ぶ

HTML&CSS3でつくるローディング画面

HTML&CSS3でつくるローディング画面

チャプター:6

このブックでは CSS3を使用してアニメーションを用いたローディング画面をつくります。

1.準備

このチャプターでは ベースとなるるHTML全体の構造を作成し、ローディング画面をつくる準備を行います。

28P

2.ul要素の装飾

このチャプターでは CSSを使用してul要素を装飾していきます。

30P

3.li要素の装飾

このチャプターでは CSSを使用してli要素を装飾していきます。

42P

4.アニメーションの作成

このチャプターではアニメーションの動きを設定するための「キーフレーム」を作成していきます。

30P

5.アニメーションの適用

このチャプターでは作成したアニメーションをli要素に適用していきます。

32P

6.「遅れ」の適用

このチャプターでは 作成したアニメーションに「遅れ」を追加して、より表現豊かなアニメーションを作成していきます。

32P