Cara Membuat Drop Shadow Saat Klik Gambar

Untuk memunculkan drop shadow pada saat meng-klik gambar kita dapat menggunakan pseudo element active. jika element yang ingin diaktifkan adalah img maka menjadi img:active. untuk bayangan, kita memakai css box-shadow.

Untuk dokumentasi lengkap tentang box-shadow disini : w3schools.

Kode CSS yang akan dibuat :

img:active {
  box-shadow: 0 5px 5px rgba(0,0,0,0.21);