問題
14
HTML/CSS
フェーズ毎のアニメーションを実装しよう
HTML/CSSの問題に挑戦しよう!
問題
「フェーズ毎のアニメーションを実装しよう」
ボックスアニメーションを展開しよう!
親要素を沿うようにボックスをアニメーションしてみましょう
見本を動画を参考に作成してください。
期待する画面
解答と解説(フェーズ毎のアニメーションを実装しよう)
解説
LINE登録して解答を見る
※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます
アニメーションの設定については中級その21を参考にしましょう。
keyfram内で25%,50%,75%,100%と指定することでアニメーションの滞在フェーズを切り分けることができます。
こちら展開/応用していいアニメーション作っていきましょうね!