Wednesday, May 22, 2013

Tutorial: Kiut Menu


Mas Erma Binti Azni
  • Copy code di bawah dan paste ke dalam HTML/Javascript
<style>
a.eimua {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-top:3px;
width:70px;
text-decoration:none;
font-family:calibri;
font-size:13px;
height:20px;
text-transform:uppercase;
color: #fff;
background: #FFD1D1;
text-align:center;
cursor:vertical-text;
}
a.eimua:hover{
color: #fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
background:#AEEFB5;}
</style>

<center><a class="eimua" href="LINK">option1</a>
<a class="eimua" href="LINK">option2</a>
<a class="eimua" href="LINK">option3</a>
<a class="eimua" href="LINK">option4</a></center>

  • Preview dan save 

No comments: