<a class="hoverbtn" href="#">MORE</a>
.hoverbtn{
color:#333;
font-size:20px;
font-weight:bold;
text-decoration:none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.hoverbtn:hover{
color:#f00;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.