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.
