Wednesday, December 19, 2012

Tutorial : Navigate Hover #2









  • Blogskins/ Classic template : Paste codes ni bawah code </style>
  • image/background http://img685.imageshack.us/img685/9906/84770645.jpg boleh ubah suka hati korang OK :D


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

p#socialicons bom1:hover{
-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">
<bom1 border="0" src="">TITLE</a>
<a href="LINK HERE">
<bom1 border="0" src="">TITLE</a>
<a href="LINK HERE">
<bom1 border="0" src="">TITLE</a>
<a href="LINK HERE">
<bom1 border="0" src="">TITLE</a>
<a href="LINK HERE">
<bom1 border="0" src="">TITLE</a>
<a href="LINK HERE">
<bom1 border="0" src="">TITLE</a>
</p>
</center>

No comments: