Tutorial: navigation Hover
you are my history
Assalamualaikum and annyeonghaseyo. straight to the point.
<style>
a.chanyeol {
display:inline-block;
background:#fff;
border:1px dashed #A4A4A4;
padding: 3px;
border-radius:5px;
margin: 2px;text-align:center;
color:#A4A4A4;
-webkit-transition: 0.4s;
height:20px;
width:77px;
font-family: 'Cutive Mono', serif;
font-size:13px;
}
a.chanyeol:hover {
display:inline-block;
background:#A4A4A4;
border:1px dashed #Fff;
padding: 3px;
border-radius:5px;
margin: 2px;text-align:center;
color:#fff;
-webkit-transition: 0.5s;}
</style>
<center>
<a class="chanyeol" href="http://www.blogger.com/">Chanyeol</a>
<a class="chanyeol" href="http://www.blogger.com/">Chanyeol</a>
</center>
I think you shoul change the height, weidth and font-size because the navigate doesn't look perfect. Change the colour if you want to.Labels: exo, tutorials
|