Latihan 1 dari materi CSS Transitions di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Tombol Hover Aku sudah berubah warna waktu di-hover (.tombol:hover mengganti background-nya jadi darkblue), tapi gantinya loncat. Bikin perubahan warnanya halus.
Di rule .tombol (bukan .tombol:hover), tambahkan:
transition: background 0.3s ease
Tulis background, bukan background-color, dan jangan lupa huruf s di 0.3s.
Hint
Perubahan warnanya sudah ada di .tombol:hover. Yang kurang cuma perintah biar perubahan itu berjalan pelan.
Pakai properti transition di rule .tombol, isinya tiga bagian: properti yang berubah (background), durasi (0.3s), dan timing function (ease).
