ButtonsLesson 102Preview gratis
Fading Buttons
Lesson ini bagian dari How To · Semua level
Ringkasan
Fading button adalah tombol yang tingkat transparansinya berubah saat kursor mendekat atau menjauh. Efek ini dibuat dengan properti opacity dan transition, sehingga perubahan terlihat halus. Fading berguna untuk memberi umpan balik halus, tetapi status penting tetap harus disampaikan lewat teks atau atribut yang jelas.
Poin kunci
- Properti opacity mengatur tingkat tembus pandang elemen.
- transition: opacity membuat perubahan transparansi berjalan halus.
- Opacity 1 berarti sepenuhnya terlihat, sedangkan 0 berarti tidak terlihat.
- Tombol dengan opacity 0 masih ada di DOM dan masih dapat menerima klik.
- Sediakan focus-visible serta kontras teks yang cukup agar tetap aksesibel.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.