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 

{ 2 komentar... read them below or Comment }

  1. Sob blog udah saya follow, follow balik ya
    blog saya, aku tunggu lho..
    http://danielvsirait.blogspot.com

    BalasHapus
  2. OOT
    itu cara buat slider disitu gimana ya gann ??
    bantu dongg ><

    BalasHapus

>
<
Diberdayakan oleh Blogger.

Yang Banyak Diliat

Kenalan yuk !

Foto saya
Mahasiswa salah jurusan I Blogger vakum I Suka Jalan - Jalan I Tukang Download Anime I Kota Serang.

Yang Mampir

- Copyright © 2013 Stufidz Blog - DJogzs - Powered by Blogger - Designed by Johanes Djogan -