ImagesLesson 75Preview gratis
Transparent Image Text
Lesson ini bagian dari How To · Semua level
Ringkasan
Transparent image text memakai kotak teks dengan latar semi-transparan di atas foto, sering ditambah efek blur kaca. Alpha pada warna latar mengatur seberapa besar gambar masih terlihat. Efek backdrop-filter dapat memperhalus area di belakang teks agar mudah dibaca.
Poin kunci
- Warna rgba dengan alpha di bawah 1 menghasilkan latar transparan.
- backdrop-filter: blur() mengaburkan area di belakang elemen.
- Border tipis semi-transparan memperjelas batas kotak kaca.
- Kontras teks harus tetap cukup meskipun latar tembus pandang.
- Sediakan warna latar cadangan untuk browser tanpa backdrop-filter.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.