HOVER LINK

Cara Untuk membuat animated hover link menggunakan CSS3

Kode CSS-1 :

a {
font:12px Trebuchet MS;
font-weight: bold;
text-decoration: none;
color: blue;
cursor: pointer;
-webkit-transition: all .85s ease;
-moz-transition: all .85s ease;
-o-transition: all .85s ease;
transition: all .85s ease;
}
a:hover {
color: red;
text-shadow:1px 1px 2px #000;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
text-decoration: underline;
background: #CCC;
}
a.animacss3 {
font:12px Trebuchet MS;
font-weight: bold;
text-decoration: none;
color: blue;
cursor: pointer;
-webkit-transition: all .85s ease;
-moz-transition: all .85s ease;
-o-transition: all .85s ease;
transition: all .85s ease;
}
a.animacss3:hover {
color: red;
text-shadow:1px 1px 2px #000;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
text-decoration: underline;
background: #CCC;
}

Langkah untuk menambahkan kode CSS
Jika sampeyan menggunakan kode CSS-2, maka kode css tersebut langsung disimpan di atas kode ]]></b:skin>, sedang penulisan kode untuk link-nya seperti berikut:

Kurang jelas klik di sini