Menu For Beqiutors

Minggu, 23 Desember 2012

Tab Menu 7 (ala Lingkaran Hover)

Faradina Fazira | 21.34 |
PREVIEW:3
Click HERE To See Live Preview

@HTML/JAVASRIPT.. Masukkan Code Ini Sperti Biasanya!
<style>
a.navoo, a.navoo2, a.navoo3, a.navoo4{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin:8px;display:block;
text-align:center;background: #fff;
color:#fff;font-family:arial;
text-transform:uppercase;font-size:1px;
width:30px;height:30px;
border:5px solid #FFD685;padding:2px;
border-radius:1000px;}

a.navoo:hover, a.navoo2:hover, a.navoo3:hover, a.navoo4:hover{

color: #fff;font-size:5px;
border:5px solid #fff;background:  #FFD685;
-moz-box-shadow: 0 0 5px 5px #eee;
-webkit-box-shadow: 0 0 5px 5px #eee;
box-shadow: 0 0 5px 5px #eee;
-webkit-transform: scale( -2.0) rotate( 540deg);
-moz-transform: scale( -2.0) rotate( 540deg);}

a.navoo{border:5px solid #8533FF;}

a.navoo2{border:5px solid #FFAD33;}
a.navoo3{border:5px solid #85AD33;}
a.navoo4{border:5px solid #1975FF;}
a.navoo:hover{background: #8533FF;}
a.navoo2:hover{background: #FFAD33;}
a.navoo3:hover{background: #85AD33;}
a.navoo4:hover{background: #1975FF;}

</style><div style="left: 40px; position: fixed; top: 150px;">

<a class="navoo" href="http://www.blogger.com/LINK"><br /><br />Tutorial</a>
<a class="navoo2" href="http://www.blogger.com/LINK"><br /><br />Freebies</a>
<a class="navoo3" href="http://www.blogger.com/LINK"><br /><br />Entries</a>
<a class="navoo4" href="http://www.blogger.com/LINK"><br /><br />Affies</a></div>

Tidak ada komentar: