Kuis CSS Keyframes — Web Animation

Kuis materi CSS Keyframes di Web Animation — uji pemahamanmu dengan pertanyaan pilihan ganda, penjelasan jawaban, dan skor langsung. Main gratis di Hyper Sheets.

Pertanyaan di kuis ini

  1. @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }
    Jika elemen diberi animation: fadeIn 2s forwards;, berapa nilai opacity setelah animasi selesai?
  2. Lengkapi keyframe animasi bounce berikut:
    @keyframes bounce {
    0%, 100% { transform: translateY(0); }
    _____ { transform: translateY(-30px); }
    }