Menu fofo com efeito webkit shadow ♥

Olá amiguinhos hoje venho trazer + um effect Css como sempre posto aqui.

Para quem está curioso(a) dá uma olhada na preview do menu:

Código:

.menufofowbkit {
background: #fce9ef;
-webkit-box-shadow: inset 0px 0px 20px #fdbbcd, inset 1px 1px 0px #fff;
-moz-box-shadow: inset 0px 0px 20px #fdbbcd, inset 1px 1px 0px #fff;
-ms-box-shadow: inset 0px 0px 20px #fdbbcd, inset 1px 1px 0px #fff;
border: 1px solid #fdbbcd;
color: #fff;
text-shadow: 1px 1px 0px #fdbbcd;
font-family: small;
font-size: 10px;
text-align: center;
padding: 5px;
margin: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-ms-transition: 0.7s;
}
.menufofowbkit:hover {
-webkit-box-shadow: inset 0px 0px 10px #fdbbcd, inset 1px 1px 0px #fff;
-moz-box-shadow: inset 0px 0px 10px #fdbbcd, inset 1px 1px 0px #fff;
-ms-box-shadow: inset 0px 0px 10px #fdbbcd, inset 1px 1px 0px #fff;
color: #fca4bc;
text-shadow: 1px 1px 0px #fef5f7;
}

Font:

@font-face {font-family: 'small'; src: url('http://static.tumblr.com/aicgjw6/KUumxot1l/smallest_pixel-7.ttf') format('truetype'); font-weight: normal; font-style: normal;}