personal site

ini codenya :-

<style>
#menu{
background: #eee;
color: #ffffff;
font: normal 20px Capriola;
text-shadow:0 1px #bdbdbd;
width: 70px;
height: 50px;
display: inline-block;
padding: 25px 5px 5px 5px;
margin: 5px;
margin-right: 2px;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
text-align: center;
-moz-box-shadow: inset 0 0 0px 8px #eee;
-webkit-box-shadow: inset 0 0 0px 8px #eee;
box-shadow: inset 0 0 0px 8px #ea649a;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
#menu:hover{
opacity: .80;
-moz-box-shadow: inset 0 0 0px 38px #ccc;
-webkit-box-shadow: inset 0 0 0px 38px #ccc;
box-shadow: inset 0 0 0px 38px #ccc;
-webkit-transform: rotate(360deg) scale(1.1) skew(1deg) translate(0px);
}
</style>
<a href="link" id="menu">home</a>
<a href="link" id="menu">about</a>
<a href="link" id="menu">link</a>
<a href="link" id="menu">site</a></div>

Post a Comment