navigate hover


60 degree spin onMouseover and onMouseout
TITLE TITLE TITLE TITLE TITLE TITLE



  • Blogskins/ Classic template : Paste codes ni bawah code </style>

<style>
p#socialicons bom2{ 
width:50px;
padding:4px;
margin:2px;
background: url(http://img717.imageshack.us/img717/479/x5zincopy.png);
font:9px tt; 
text-align:center;
Text-decoration:none;
color:#fff;
text-transform:uppercase;
display:inline-block;
height:28px;
padding-top:25px;
border-radius:360%;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

p#socialicons bom2:hover{
-moz-transform: rotate(70deg);
-webkit-transform: rotate(70deg);
-o-transform: rotate(70deg);
-ms-transform: rotate(70deg);
transform: rotate(70deg);
}

</style>

</p>
<center>
<p><b>60 degree spin onMouseover and onMouseout</b></p>
<p id="socialicons">
<a href="LINK HERE">
<bom2 border="0" src="">TITLE</a>
<a href="LINK HERE">
<bom2 border="0" src="">TITLE</a>
<a href="LINK HERE">
<bom2 border="0" src="">TITLE</a>
<a href="LINK HERE">
<bom2 border="0" src="">TITLE</a>
<a href="LINK HERE">
<bom2 border="0" src="">TITLE</a>
<a href="LINK HERE">
<bom2 border="0" src="">TITLE</a>
</p>
</center>


Ungu :  image/background

creadit to: baby vip

No comments: