Latihan 2: CSS Animations — CSS

Latihan 2 dari materi CSS Animations di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Bikin teks Aku berkedip! berkedip terus.

  1. Bikin @keyframes kedip dengan tiga tahap:
    • 0%: opacity: 1 (kelihatan penuh)
    • 50%: opacity: 0 (hilang)
    • 100%: opacity: 1 (kelihatan lagi)
  2. Pasang ke .teks dengan:
    • animation-name: kedip
    • animation-duration: 1s
    • animation-iteration-count: infinite

Boleh juga disingkat: animation: kedip 1s infinite.

Blok @keyframes kedip ikut dicek di kodenya: tanpa itu, teksnya gak berkedip walau animation-name sudah terpasang.

Hint