Thursday, September 12, 2013

Fade effect on hover using CSS3


These day's many websites, blogs have fade effects in their links which is trigger when user hover their mouse on the link and it's mostly implement using Javascript. In this article we'll do that using CSS3.

a {
  color:red;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
  text-decoration:none;
}
a:hover {
color:blue;
text-decoration:underline;
}

Liked the post ? subscribe us with your email to get upcoming tutorials directly in your inbox:

3 comments:

Your Comment Will Be Visible After Approval, Thanks !