Membuat Efek Hover Pada Link (Teks Membesar)

Bandung —

Membuat Efek Hover Pada Link (Teks Membesar). Berikut ini trik iseng bagaimana membuat link, ketika disentuh kursor menjadi membesar. Menarik! langsung saja berikut ini caranya. Kita hanya perlu memodifikasi CSS template blog tanpa perlu menggunakan javascript yang memberatkan.



Pada dasarnya css untuk fungsi link adalah :

• a:link{} ----> pengaturan tentang warna link, garis bawah / tidak
• a:visited{} ----> pengaturan tentang warna link yang telah dikunjungi, garis bawah / tidak
• a:hover{} ----> pengaturan tentang warna link ketika disentuh kursor, garis bawah / tidak

Jika sudah tahu garis besarnya, maka untuk membuat efek hover pada link, yang kita perlukan adalah dengan menambah ukuran font saja. Simple bukan! pembahasan detailnya langsung praktek gan!

a:link{color:#007ACC;
text-decoration:none;font-size:15px;}
a:visited{color:#333333;
text-decoration:none;font-size:15px;}
a:hover{color:#000000;
text-decoration:underline;font-size:22px;}

Sebagai contoh lihat link ini, arahkan kursor dekat teks --->


Membuat Efek Hover Pada Link (Teks Membesar)


Semoga ulasan mengenai Membuat Efek Hover Pada Link (Teks Membesar), bermanfaat bagi Anda yang membutuhkan.

Share!

Terkait