Cara membuat efek shadow pada hover link
Jumat, 16 November 2012
0
komentar
2. Masuk ke halaman Template
3. Edit Html lalu lanjutkan
4. Cari kode a:hover atau lebih lengkapnya seperti ini
a:hover {5. Nah sobat hanya tinggal menambahkan kode text-shadow:1px 1px 1px #ff5000; di kode tersebut atau jadinya akan seperti ini
color:#ffa500;
text-decoration:underline;
}
a:hover {6. Lalu Simpan Template dan lihat hasilnya
color:#ffa500;text-shadow:1px 1px 1px #ff5000;
text-decoration:underline;
}
Selain memberi efek shadow pada hover link, kita juga dapat memberi efek shadow pada hover img, mau tau caranya? langsung dehh ikuti di bawah ini:
1. Masuk ke halaman pengeditan Template
2. Edit HTML lalu lanjutkan
3. Cari kode .post img atau lebih lengkapnya seperti ini:
.post img {4. Di bawahnya copy pastekan kode di bawah ini:
padding: 10px; border: 0px;
}
.post img:hover {5. Simpan Template dan lihat hasilnya
-moz-box-shadow: 0 0 13px;
}
Keterangan: Kode #ff5000 adalah kode warna efek shadownya, sobat bisa merubah warnanya dengan kode warna lain, cek kode warna Disini
Sudah mengerti kan? bagaimana cara membuat efek shadow pada hover link , yasudah deh, sampai disini dulu ya? Selamat Mencoba!!
Categories:
0 komentar:
Posting Komentar