Dalam keadaan normal gambar tanpa embel-embel apapun akan tampak sebagai berikut...
Dengan sedikit sentuhan efek CSS3, sobat akan bisa menghasilkan yg kayak beginih...
Cari kode gambar (img) pada template sobat! Ini bisa berbeda pada setiap template. Biasanya menggunakan kode img, post img, body img atau apapun. Pokoknya img yg ada pada bagian body post. Setelah ketemu kodenya tambahkan kode CSS berikut ini [..]
So...fancy bukan :))
Jika efeknya tidak muncul, berarti browsingan sobat belum support :D Untuk mengetahui lebih jelas mengenai efek RGBA ini, sikat brooo:
padding:8px;
background: #FFFFCC;
border: 1px solid #c8c8c8;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
Loading... |
4 comments
DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...