Cara Membuat Text Header Berbayang

Tanpa gambar di header, anda pun bisa mengganti text dengan efek berbayang, jika sebelumnya saya pernah membuat [ Cara membuat efek berbayang pada tulisan dengan css 3 ] nah kali ini kita akan membuat efek berbayang tersebut berada di header

>> silahkan login dulu
>> Rancangan (dulu si tata letak)
>> Edit Html
cari kode seperti ini

#header h1 {
......................
......................

}

jika sudah ketemu masukkan kode di bawah ini di dalam kurung kurawa { ... }

Efek dua Bayang

text-shadow:0px 0px 0px #000, 0 -5px 4px #0000ff;

Efek tiga bayang

text-shadow:0 2px 4px #fff, 0 -5px 4px #ff3, -2px -9px 9px #f80, 2px -9px 9px #f20;

Contoh :

#header h1 {
color: $pagetitlecolor;
margin: 0;
padding: 10px 0 0 20px;
text-decoration: none;
font: $pagetitlefont;
text-shadow:0px 0px 0px #000, 0 -5px 4px #0000ff;
}


Perhatikan contoh yang berwarna merah... Anda pun bisa mengganti warna-warna tersebut. Semoga lebih bermanfaat.