ImagesLesson 76Preview gratis
Full Page Image
Lesson ini bagian dari How To · Semua level
Ringkasan
Full page image menjadikan sebuah gambar sebagai latar yang memenuhi seluruh tinggi layar. Gambar diatur dengan background-size: cover dan background-position: center agar tetap proporsional. Lapisan gelap serta konten terpusat membuat pesan pembuka mudah dibaca.
Poin kunci
- background-size: cover membuat gambar menutupi seluruh area tanpa distorsi.
- min-height: 100vh memastikan bagian tersebut setinggi viewport.
- background-position: center menjaga bagian penting gambar tetap terlihat.
- Lapisan overlay gelap meningkatkan kontras teks.
- background-attachment: fixed sebaiknya dihindari di perangkat seluler karena performa dan dukungannya tidak konsisten.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.