ImagesLesson 73Preview gratis
Image Text
Lesson ini bagian dari How To · Semua level
Ringkasan
Image text menempatkan tulisan langsung di atas gambar, biasanya sebagai judul atau ajakan bertindak. Teks diposisikan absolut di tengah kontainer gambar dan diberi lapisan gelap agar kontrasnya cukup. Teknik ini sering dipakai pada banner, kartu promo, dan hero section.
Poin kunci
- Kontainer gambar harus position: relative sebagai acuan posisi teks.
- Teks memakai position: absolute dengan top dan left 50%.
- transform: translate(-50%, -50%) memusatkan teks tepat di tengah.
- Lapisan gelap atau text-shadow meningkatkan keterbacaan.
- Ukuran teks sebaiknya responsif agar tetap muat di layar kecil.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.