CSS TutorialLesson 33Preview gratis
CSS Opacity
Lesson ini bagian dari CSS · Semua level
Ringkasan
Properti opacity mengatur tingkat transparansi sebuah elemen, mulai dari 0 yang samar total hingga 1 yang pekat. Nilai di antaranya membuat elemen tembus pandang sebagian, misalnya untuk overlay, tombol redup, atau efek hover. Berbeda dengan rgba pada warna, opacity memengaruhi seluruh isi elemen termasuk teks di dalamnya.
Poin kunci
- opacity menerima nilai desimal 0 sampai 1, misalnya 0,5 untuk 50 persen tembus pandang.
- Seluruh isi elemen ikut transparan, termasuk teks dan gambar anaknya.
- Untuk men-transparansikan hanya latar, gunakan background-color dengan rgba atau rgb dengan alpha.
- opacity 0 tetap menempati ruang dan masih bisa menerima interaksi, sedangkan visibility: hidden tidak terlihat dan tidak bisa diklik.
- Transisi pada opacity menghasilkan efek fade sederhana yang menyenangkan.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.