How to style link hover - Style 3 & 4

Assalamualaikum,
Harini nak bagi code untuk link hover. Cara guna :

1. Semua template boleh guna, cari code yang berkaitan dengan link, padam code tu dan gantikan dengan code bawah ni. (Code berkaitan dengan link: a:hover,a:visited , a:hover , a:link)

Type 1

I feel like I'm under a spell

a:link,a:visited{
text-decoration:none;
color:#aaa;-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
a:hover{
color:#fff;
background:#111;
}

Type 2

I feel like I'm under a spell

a:link,a:visited{
text-decoration:none;'
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
border-bottom:2px solid transparent;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color:#aaa;
}
a:hover{
border-bottom:2px solid #FF6C6C;
}