ImagesLesson 79Preview gratis
Blur Background Image
Lesson ini bagian dari How To · Semua level
Ringkasan
Blur background image mengaburkan gambar latar agar teks di atasnya lebih menonjol. Efek blur sebaiknya diterapkan pada lapisan terpisah, bukan pada kontainer teks, supaya tulisan tetap tajam. Skala sedikit lebih besar pada lapisan gambar mencegah tepi buram yang terlihat di sudut.
Poin kunci
- filter: blur(8px) mengaburkan elemen gambar latar.
- Tempatkan teks di lapisan berbeda agar tidak ikut kabur.
- transform: scale(1.05) atau inset negatif menutupi tepi transparan akibat blur.
- z-index mengatur agar konten berada di atas lapisan latar.
- backdrop-filter: blur() adalah alternatif untuk mengaburkan area di belakang panel.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.