前回に引き続きpart2をやってみたので復習 www.youtube.comまずは画面いっぱいに色がブワッ！ってなるやつを作ります 中央から外へ色が広がるようにする HTMLはこんな感じ <main id="stage"> <div class="motion-type-1"> <div></div><div></div><div></div> </div> <div class="motion-type-2"> <div></div><div></div><div></div> </div> <div class="motion-type-3"> <div></div><div></div>…</div></main>

この記事の続きです yako3.hatenablog.com画像に対して左からバーが出てきて画像を覆い隠すアニメーションを作っていくHTMLはこんな感じ <main id="slider"> <div class="image"></div> <div class="image"></div> <div class="image"></div> <div class="image"></div> <div class="paint"> <div></div> <div></div> <div></div> <div></div> </div> </main>

key以下の動画をみながらCSS Animationをやってみました！ www.youtube.com その振り返りを書いていこうと思います アニメーションで使用する画像やHTML, CSSはgitから 画像を用意する HTMLは最初こんな感じ <main id="slider"> <div class="image"></div> <div class="image"></div> <div class="image"></div> <div class="image"></div> <div class="hoge"></div> </main> CSSを１つづつ説明していく #slide…