Navigate Hover 3

LIVE PREVIEW

• Blogskins/ Classic template : Paste codes ni bawah code </style>
• Template denim, simple designer dan sejenisnya : paste di HTML.Java Script

<style>

p#socialicons bom3{

width:50px;

padding:4px;

margin:2px;

background: url(http://img199.imageshack.us/img199/2159/x5haewon2copy.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%;

}

p#socialicons bom3:hover{

-moz-transition: all 0.5s ease-in-out;

-webkit-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

-moz-transform: rotate(-360deg);

-webkit-transform: rotate(-360deg);

-o-transform: rotate(-360deg);

-ms-transform: rotate(-360deg);

transform: rotate(-360deg);

}

</style>

</p>

<center>

<p id="socialicons">

<a href="LINK HERE">

<bom3 border="0" src="">TITLE</a>

<a href="LINK HERE">

<bom3 border="0" src="">TITLE</a>

<a href="LINK HERE">

<bom3 border="0" src="">TITLE</a>

<a href="LINK HERE">

<bom3 border="0" src="">TITLE</a>

<a href="LINK HERE">

<bom3 border="0" src="">TITLE</a>

<a href="LINK HERE">

<bom3 border="0" src="">TITLE</a>

</p>

</center>

Credit  : atintory