Tutorial : Navigate Hover Part 2
Template Designer : HTML/Javascript
Classic Template / Blogskin Search Code : </style>
Code :
<style>
@font-face { font-family:yow !important; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important; }
a.navi {
border:1px solid #eee;
width:100px;
display:inline-block;
text-align:center;
font: 8px yow;
text-transform:uppercase;
margin:2px;padding:3px;
cursor:vertical-text;
letter-spacing:1px;color:#777;}
a.navi:hover {
-webkit-transition:2s ease;
border-radius:0px;
color:#fafafa;
box-shadow:inset -10px -20px 0px #777, inset 10px 20px 0px #777;}
</style>
<br />
<center>
<a class="navi" href="LINK HERE">TITLE</a>
<a class="navi" href="LINK HERE">TITLE</a>
<a class="navi" href="LINK HERE">TITLE</a>
<a class="navi" href="LINK HERE">TITLE</a>
<a class="navi" href="LINK HERE">TITLE</a>
</center>
Note :
Link Page
Credits :
Arrien
Post a Comment