Navigation Hover #2


Hello! Lanjuttt...
PREVIEW :


Home About Stuff Linkies


  • Login ke blogger.
  • Dashboard > Template
  • Cari kode </style> dan copy kode di bawah ini :
<style>
.haha{
width:60px;height:40px;
box-shadow:0px 0px 2px 3px #ff0066;
background:#FFCECE;
font:12px delius;
text-align:center;
Text-decoration:none;
color:#888888;
display:inline-block;
-moz-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;
padding-bottom:5px;
padding-top:20px;padding-left:0px;padding-right:0px;
display:inline-block;
border-bottom-left-radius: 35px;
border-bottom-right-radius: 35px;
}
.haha:hover{
background:#FFFFFF;
color:#777;
border-top-right-radius: 35px;
-webkit-transform: rotate(-50deg) ;
-moz-transform: rotate(-50deg) ;
-o-transform: rotate(-50deg) ;
-ms-transform: rotate(-50deg) ;
}
</style>
<br />
<center>
<a class="haha" href="http://boboiboy-bloggie.blogspot.com/">Home</a>
<a class="haha" href="http://boboiboy-bloggie.blogspot.com/">About</a>
<a class="haha" href="http://boboiboy-bloggie.blogspot.com/">Stuff</a>
<a class="haha" href="http://boboiboy-bloggie.blogspot.com/">Linkies</a>
</center>
  • Edit dulu. Lalu klik save template ya.

Tidak ada komentar:

Posting Komentar