以下の記事の続きです yako3.hatenablog.com右上からババッて出てくる、左右交互にニュニュニュッて出てくるアニメーションを作っていきます HTMLは前回の記事と同じなので省略します 右上からババッて出てくるアニメーション .motion-type-2 div { transfor…

前回に引き続き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…

以下のイベントに参加したので復習していきたいと思います tech-chura-lady.connpass.com講師の方をお招きしてハンズオン形式でDockerを学んでいきました 以下資料 GitHub - kkznch/20200215_docker-hands-on_starter Dockerとはをざっくり（こんな感じかな…