Menu Rotation (rotate(90deg))
HTML
<div class="background">
<nav class="primary">
<a href="">Works</a>
<a href="">About & Contacts</a>
</nav>
</div>
CSS
a{
text-decoration: none;
display: block;
}
a:visited{
color: #272727;
}
nav{
display: block;
}
.background{
width: 600px;
height: 600px;
background-color: #FDB389;
dispaly: block;
}
.primary{
width: 300px;
height: 25px;
position: absolute;
top: 175px;
right: 150px;
z-index: 999;
overflow: hidden;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.primary a{
position: relative;
font-family: 'Helvetica', sans-serif;
font-size: 12px;
letter-spacing: 1px;
text-align: left;
text-transform: uppercase;
display: inline-block;
padding: 6px 0;
margin-right: 30px;
color: #2727272;
}
