Skill yang Dilatih
- Selector
- Hover state
- Transisi
Tantangan HTML & CSS
Membuat Tombol Hover
Siswa melatih pseudo-class CSS dengan membuat tombol yang terasa interaktif.
Alat yang Dibutuhkan
- Editor kode
- Browser
Instruksi Tantangan
- Buat satu tombol utama di halaman HTML.
- Atur warna, padding, border radius, dan font tombol.
- Tambahkan efek hover untuk warna background, warna teks, atau bayangan.
- Tambahkan transisi agar perubahan terasa halus.
Checklist Sebelum Submit
- Tombol terlihat jelas
- Hover bekerja
- Transisi tidak terlalu lambat
- Teks tombol tetap terbaca
Submit Karya
Kirim hasil karya ke WhatsApp Mux. Sertakan beberapa hal ini agar mentor mudah memberi feedback.
- Screenshot normal dan hover
- File HTML/CSS atau link project