personal site

hover here

home

about

stuff

link

site

paste dekat mana yang korang nak

<style>
#one {width: 250PX; Height:150px; background: url('http://data.whicdn.com/images/44004457/tumblr_lq0mkvuCky1qcyvr4o1_500_large.png'); -webkit-transition-duration: .90s;}
#two {width: 250PX; Height:25px; background: #eee;  ;  z-index: 50; float: center; font-family:"play", small fonts; font-size:12px; color: #000; text-transform: uppercase;  margin-top:0px; margin-bottom:5px; -webkit-transition-duration: .90s; overflow:hidden;}

#two:hover { opacity: .7; z-index: 200; -webkit-transition-duration: .90s; Height:150px;}
#caixa {overflow:hidden; letter-spacing: 0px; text-align: justify; color: #666;  font: normal 11px verdana;background-color: #fff; line-height:15px; padding:5px; margin: auto; width:262px; float:center; }
.menu {background: #bdbdbd; font: normal 18px arial; padding-top: 1px; color: #fff; display: inline-block; text-align: center; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; margin: 2px; padding:3px; width: 70px;}
.menu:hover {background: #eee;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}

</style>


<center>
<div id="one">
<div id="two"> hover here <br><br>
    <div class="menu"><a href="LINK" >home</a></div>
    <div class="menu"><a href="LINK" >about</a></div>
    <div class="menu"><a href="LINK" >stuff</a></div>
    <div class="menu"><a href="LINK" >link</a></div>
    <div class="menu"><a href="LINK" >site</a></div>
   
</div></div></div>
</center>

Post a Comment