Modal gambar CSS menyediakan overlay layar gelap di atas halaman saat pengguna ingin memperbesar foto.
CSS Image Modal
Contoh Kode CSS Image Modal:
<!DOCTYPE html>
<html>
<head>
<style>
.thumbnail {
width: 200px;
border-radius: 8px;
cursor: pointer;
transition: transform 0.2s;
}
.thumbnail:hover { transform: scale(1.05); }
</style>
</head>
<body>
<h3>Pratinjau Foto Modal</h3>
<img src="https://picsum.photos/400/250" class="thumbnail" alt="Galeri">
</body>
</html>Uji dan amati bagaimana deklarasi CSS CSS Image Modal mengubah tampilan elemen di atas.