Posted by : Hafidz Zulghaffar
Senin, April 08, 2013
Kali ini kazedama mw mosting cara membuat efek shadow pada kotak di blog , sebelumnya ada pengertian sedekit tentang Efek Shadow Pada Kotak yaitu efek yang menyerupai bayang bayang sebuah kotak tulisan atau gambar, sehingga menghasilkan tampilan seperti bayang-bayang yang cukup menarik dan enak untuk dilihat, Nah sekarang saya akan Membuat Efek Shadow Pada Kotak dengan menggunakan kode css3, walaupun begitu agan jangan takut kalau kode css3 ini akan membuat loading berat pada blog, karena kode yang akan saya berikan sangat ringan dan tidak akan memberatkan loading blog sahabat.
Nah kalau agan ingin mencoba Membuat Efek Shadow Pada Kotak, silahkan sahabat copy kode dibawah ini dan masukan kedalam halaman posting agan .
<style type="text/css">.sundaboy-dot-com{
width:300px;
height:40px;
padding:5px;margin:0 auto;
color:#444;
background:#fff;
border: 1px solid black;box-shadow: 6px 6px 8px #818181;-webkit-box-shadow: 6px 6px 7px #818181;-moz-box-shadow: 6px 6px 7px #818181;}</style><div class="sundaboy-dot-com">CONTOH TULISAN(KAZEDAMA-KUN)</div>
Keterangan:
width:300px; = Lebar Kotak
height:40px; = Tinggi Kotak
color:#444; = Warna Tulisan
background:#fff; = Background Kotak
width:300px; = Lebar Kotak
height:40px; = Tinggi Kotak
color:#444; = Warna Tulisan
background:#fff; = Background Kotak
- Back to Home>
- Trik Blogger >
- Cara Membuat Efek Shadow
Yang Banyak Diliat
-
Sabaku Sotaiso , merupakan jurus yang dimiliki oleh Kazekage ke-5 yaitu gaara , jurus ini memanfaatkan pasir yang ada di sekit...
Kenalan yuk !
- Hafidz Zulghaffar
- Mahasiswa salah jurusan I Blogger vakum I Suka Jalan - Jalan I Tukang Download Anime I Kota Serang.
Sob blog udah saya follow, follow balik ya
BalasHapusblog saya, aku tunggu lho..
http://danielvsirait.blogspot.com
OOT
BalasHapusitu cara buat slider disitu gimana ya gann ??
bantu dongg ><