Monday, December 24, 2012

Tutorial : Navigate Hover #4

Untuk kali ni sedikit sama tetapi atin tukar pusing ke-kiri :D



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


<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>

No comments: