ImagesLesson 86Preview gratis
Thumbnails
Lesson ini bagian dari How To · Semua level
Ringkasan
Thumbnail adalah versi kecil dari gambar yang berfungsi sebagai pratinjau dan biasanya dapat diklik untuk membuka versi besar. Bingkai tipis dan padding membuat thumbnail terlihat rapi seperti kartu kecil. Efek hover membantu memberi petunjuk bahwa gambar tersebut interaktif.
Poin kunci
- Thumbnail menampilkan pratinjau kecil untuk menghemat ruang.
- Bungkus gambar dengan tautan agar dapat membuka versi besar.
- Border dan padding memberi kesan bingkai yang rapi.
- object-fit: cover menjaga pratinjau tetap proporsional.
- Hover seperti perubahan border atau translasi halus memberi umpan balik visual.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.