@keyframes bounce {
0% { transform: translateY(0); }
50% { transform: translateY(-30px); }
100% { transform: translateY(0); }
}
.ball {
animation: bounce 1s infinite;
}@keyframes でアニメーションを定義animation: 名前 時間 回数 で適用infinite は「ずっとくり返す」
全問正解でクエストクリア！
問題 1: 色がぐるぐる変わるアニメーション（background-color）を作ろう！（自由回答）
問題 2: animation-direction: alternate で行き来するアニメーションを作ろう！（自由回答）
問題 3: rotate(360deg) で回転するアニメーションを作ろう！（自由回答）