ImagesLesson 69Preview gratis
Image Overlay Title
Lesson ini bagian dari How To · Semua level
Ringkasan
Image overlay title menambahkan bilah judul di bagian bawah gambar agar konteks foto langsung terlihat. Judul biasanya diletakkan di atas gradien gelap supaya tetap terbaca pada foto yang terang. Pola ini cocok untuk kartu artikel, galeri wisata, atau katalog properti.
Poin kunci
- Kontainer gambar memakai position: relative.
- Bilah judul diposisikan absolute di bagian bawah dengan left, right, dan bottom nol.
- Gradien gelap memberi kontras tanpa menutupi seluruh foto.
- figcaption dapat dipakai sebagai elemen judul yang semantik.
- Padding atas yang lebih besar memberi ruang bagi efek gradien.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.