Tutorial Link Dengan Efek Zoom

Para sobat, kali ini saya akan membahas sedikit tentang cara membuat Link dengan efek zoom menggunakan CSS, nah untuk lebih lengkapnya masbrow copy saja script berikut ini:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Efek Zoom</title>
<style type="text/css">
a:link
{ color:#000000; text-decoration:none;
font-family:Verdana; font-size:18px;
}
a:visited
{ color:#000000; text-decoration:none;
font-family:Verdana; font-size:18px;
}
a:active
{ color:#000000; text-decoration:none;
font-family:Verdana; font-size:18px;
}
a:hover
{ color:#FF0000; text-decoration:none;
font-family:Verdana; font-size:36px;
}
</style>
</head>
<body>
<p><center>
<a href="efekzoom.html">EFEK ZOOM</a>
</center></p>
</body>
</html>

sobat dapat mengatur nih sesuai pilihan sobat, edit ajah tuh kode script yang ada di atas.. Mudah kan
kurang lebih tampilanya akan seperti berikut ini:

  
                                                              Sebelum Mengenai Cursor
                              
                                                           Setelah Mengenai Cursor

Related Posts Plugin for WordPress, Blogger...