Ini navigasi style yang ke-2, saya dapat hasil dari stalk blog orang lah, ekeke..
Langsung saja nih kodenya :
<style>a.roka{background:#ff7070;width:45px;padding-bottom:4px;padding-top:10;display:inline-block;
-webkit-border-bottom-right-radius: 15px;-webkit-border-bottom-left-radius: 15px;-moz-border-radius-bottomright: 15px;-moz-border-radius-bottomleft: 15px;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;
-webkit-transition: 0.4s; -moz-transition: 0.4s;text-align:center;
color:#fff;border-bottom:0px solid #fff;}
a.roka:hover{-webkit-transition: 0.4s; -moz-transition: 0.4s;background:#ff7070;color:#808080;border-bottom:30px solid #ff7070;}
}</style><roka>item 1 </roka><roka>item 2 </roka><roka>item 3 </roka>
*Nb : use ctrl+c for copy paste
0 comments:
Post a Comment