ul.hex {padding:0; margin:300px auto; list-style:none; width:104px; height:60px; position:relative;}
ul.hex li a {display:block;
width:104px; height:60px; position:absolute; left:0; top:0; z-index:100; text-align:center; text-decoration:none; font:normal 18px/60px"Arial" ; color:#ddd;
}
ul.hex li a:before {display:block; content:"Shoes"; width:104px; height:60px; position:absolute; left;0; top:0; z-index:-1;
-webkit-transform: rotate(60deg);
-moz-trandform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
}
ul.hex li a:after {display:block; content:"Accessoires"; width:104px; height:60px; position-absolute; left:0; top:0; z-index:1-
-webkit-transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-o-transform: rotate(-60deg);