navigation hover #6
LINKLINKLINKLINK
{
live preview }
<style>
.monggu{
display: inline-block;
color: #fff;
padding-top:2px;
margin-top:2px;
height:13px;
width:110px;
margin:3px;
background-color: #f8f8f8;
border-left:0px solid #111111;
border-right:0px solid #111111;
font-family:cambria;
text-align:center;
text-transform:lowercase;
letter-spacing: 2px;
font-size:11px;
font-color:transparent;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.monggu:hover {
width:90px;
background-color:#2b2b2b;
border-right:10px solid #f1f0f0;
border-left:10px solid #f1f0f0;
box-shadow: 0px 0px 3px #9e9797;
color:#fff;
text-shadow: 0px 0px 3px #9e9797;
}
</style>
<center>
<a class="monggu" href="/">LINK</a>
<a class="monggu" href="/">LINK</a>
<a class="monggu" href="/">LINK</a>
<a class="monggu" href="/">LINK</a></center>
Thursday, July 4, 2013 • 7:08 PM
navigation hover #6
LINKLINKLINKLINK
{
live preview }
<style>
.monggu{
display: inline-block;
color: #fff;
padding-top:2px;
margin-top:2px;
height:13px;
width:110px;
margin:3px;
background-color: #f8f8f8;
border-left:0px solid #111111;
border-right:0px solid #111111;
font-family:cambria;
text-align:center;
text-transform:lowercase;
letter-spacing: 2px;
font-size:11px;
font-color:transparent;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.monggu:hover {
width:90px;
background-color:#2b2b2b;
border-right:10px solid #f1f0f0;
border-left:10px solid #f1f0f0;
box-shadow: 0px 0px 3px #9e9797;
color:#fff;
text-shadow: 0px 0px 3px #9e9797;
}
</style>
<center>
<a class="monggu" href="/">LINK</a>
<a class="monggu" href="/">LINK</a>
<a class="monggu" href="/">LINK</a>
<a class="monggu" href="/">LINK</a></center>
Thursday, July 4, 2013 • 7:08 PM
Intro
Just a girl in a big world. Welcome to mine, don't forget to take off your shoes :)
archive
|