Menambahkan Efek Bayangan di Gambar dengan CSS

Biar tidak terlihat kaku, kita bisa menambahkan efek bayangan (shadow) di tag img kita, untuk platform blogger, bisa ditambahkan kode berikut di Theme:

img {
  /* added by @kholidfu */
  padding: 15px 15px 0;
  background-color: white;
  box-shadow: 5px 5px 14px 0px rgba(34, 25, 25, 0.4);
  -moz-box-shadow: 5px 5px 14px 0px rgba(34,25,25,0.4);
  -webkit-box-shadow: 5px 5px 14px 0px rgba(34, 25, 25, 0.4);
}

Hasilnya kurang lebih akan seperti berikut:



Atau kalau mau bisa ditambahkan sebagai class tersendiri, jadi lebih bebas nanti pengaturannya, apakah sebuah image mau dibikin efek shadow atau tidak... Selamat mencoba...

Reference

Comments

Popular posts from this blog

Adding Image Alternate Text into WordPress Image Attachment using python-wordpress-xmlrpc Library

Kisah Nabi Uzair a.s.

Hikayat Penjual Madu dan Penjual Cuka