Monday, January 14, 2013

Tutorial : Navigate Hover #7

Tumblr_mg6lnjms7l1r9gqb0o1_500_large

안녕하세요 , こんにちは . Assalamualaikum. Untuk navigate kali ni sama je macam hari tu . tapi Atin ubah sikit zoom :D


  • Template Design/simple : paste kat Html/Javascript
  • Blogskin/Classic : paste bawah code </style>


<style>
a.nav {
background-color: #000000;
padding: 8px;
display: inline-block;
font: 7px tahoma;
width: 70px;
text-align:center;
color: #fff;
border: 1px solid #fff;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
a.nav:hover {
border: 1px solid #000;
background-color: #fff;
color:#000000;
-webkit-transform: rotate(360deg) scale(2);
-moz-transform: rotate(360deg) scale(2);
-o-transform: rotate(360deg) scale(2);
-ms-transform: rotate(360deg) scale(2);
transform: rotate(360deg) scale(2);
}
</style>
<center>
<a class="nav" href="LINK HERE">TITLE</a>
<a class="nav" href="LINK HERE">TITLE</a>
<a class="nav" href="LINK HERE">TITLE</a>
<a class="nav" href="LINK HERE">TITLE</a>
<a class="nav" href="LINK HERE">TITLE</a>
</center>



No comments: