ImagesLesson 78Preview gratis
Hero Image
Lesson ini bagian dari How To · Semua level
Ringkasan
Hero image adalah banner besar di bagian atas halaman yang memuat pesan utama, deskripsi singkat, dan tombol aksi. Gambar latar biasanya dipadukan dengan overlay agar teks tetap menonjol. Ukuran hero dan tipografinya dibuat responsif agar tetap proporsional di berbagai perangkat.
Poin kunci
- Hero image berfungsi menarik perhatian dan menyampaikan pesan utama.
- background-size: cover dan background-position: center menjaga tampilan gambar.
- Overlay gelap meningkatkan kontras teks dan tombol.
- min-height 60-80vh memberi ruang yang cukup tanpa menutupi seluruh halaman.
- clamp() membuat ukuran judul hero menyesuaikan lebar layar.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.