問題
15
HTML/CSS
クリックしたら要素を回したり止めたりしよう
HTML/CSSの問題に挑戦しよう!
問題
「クリックしたら要素を回したり止めたりしよう」
クリックしたら要素を回したり止めたりしよう!
止める際は止めた位置から動かないように設定してください。
見本を動画を参考に作成してください。
期待する画面
解答と解説(クリックしたら要素を回したり止めたりしよう)
解説
LINE登録して解答を見る
※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます
アニメーションの設定については中級その23を参考にしましょう。
擬似クリックを(inputを活用して)checkdの際にアニメーションを実行します。
止めたらデフォルト値に戻す。
デフォルト時にanimationプロパティにpausedを付与することで止めた位置から動かずに止めることが可能です。