Cara Membuat Link Membesar Saat disentuh Cursor Mouse ~ Bagaimana cara membuat link membesar saat di sentuh cursor mouse? Hal ini dalam dunia web design disebut hover. Hover sendiri adalah bagian dari pseudo element dalam CSS. Untuk membuat link membesar saat disentuh cursor sebenarnya sangat mudah. Namun sebagian orang belum mengetahui caranya. Mungkin bagi para master yang bergelut didunia web sudah tidak asing lagi dengan yang namanya CSS. Akan tetapi bagi para newbie seperti saya hal ini cukup menarik sehingga ingin mencari tahu lebih banyak informasi mengenai CSS itu sendiri. Baiklah, berikut cara membuat link membesar saat disentuh mouse.
Langkah-langkah Membuat Link Membesar Saat disentuh Mouse:
Pertama, cari code dibawah ini pada template sobat.
Langkah kedua, ganti kode diatas dengan kode dibawah ini.
a:hover {
color: #e7181e;
font-size: 18px;
font-style: italic;
cursor: hand;
}
Ubah kode yang diberi warna sesuai dengan keinginan sobat, berikut optionnya:
Warna Merah : Diisi dengan kode warna hexadecimal atau warna seperti red, yellow, blue, black etc.
Wana Kuning : Diisi dengan seberapa besar font akan membesar dalam format pixel (px).
Warna Hijau : Diisi dengan gaya atau style font, bisa bold, normal, italic dll.
Warna Ungu : Diisi dengan jenis cursor, bisa hand, wait, help, normal dll.
Sekian tutorial singkat dari saya, terimakasih sudah mampir diblog saya. Silahkan komen atau
0 komentar:
Posting Komentar