Efek bayangan pada gambar diluar posting yang saya maksudkan disini adalah memberi efek bayang-bayang gelap ditepi gambar yang terpasang bukan di halaman posting melainkan gambar yang dipasang diluar area posting. Misalnya gambar yang dipasang pada widget. Tips ini pada prinsipnya sama dengan postingan saya dulu yang berjudul “Cara membuat Efek bayang pada gambar”
Tapi tips tersebut hanya berlaku untuk gambar yang ada di dalam postingan, efek bayang akan muncul secara otomatis setiap kita mengupload gambar ke dalam posting blog.
Bila ingin memberi efek bayang pada gambar yang dipasang di tempat tertentu atau luar posting, misalnya di dalam widget maka caranya tinggal copy saja kode berikut ini ke dalam widget html.
Ini kodenya :
<style type="text/css">Lihat contohnya di halaman demo:
.redshadow {
-webkit-box-shadow:4px 2px 7px #f46d17;
-moz-box-shadow: 4px 2px 7px #f46d17;
box-shadow : 4px 2px 7px #f46d17;}
</style>
<img class="redshadow" src="URLGAMBAR.jpg" />
LIHAT DEMO
