【自由制作】 好きなCSSプロパティを紹介するカード
My Playground
dotinstall-playground.s3.ap-northeast-1.amazonaws.com
概要
好きなCSSプロパティを使用したページを制作しました。
フレックスボックスとアニメーションを組み合わせてみました。
まるでシャトルランをしているかのようです。
ボタンホバー時の効果も付けました。
制作にかかった時間
2時間
制作のポイント
display:flex;でボックスを横並びにしました。
animationとmargin-leftを使い、一部のボックスに動きを付けました。
ボタンホバー時にきらっと光る実装をしました。