Perspective menu 45 deg

HTML

<div id="rotate-x" class="container">
    <div class="panel">Меню в перспективе, наверное так как Вам надо</div>
</div>

CSS

.container {
    width: 200px;
    height: 200px;
    border: 1px solid #CCC;
    margin: 0 auto 60px;
    position: relative;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -o-perspective: 600px;
    perspective: 600px;
}
.panel {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.7;
    color: white;
    background: red;
    -webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
#rotate-x .panel {
    -webkit-transform: rotateX(45deg);
    -moz-transform: rotateX(45deg);
    -o-transform: rotateX(45deg);
    transform: rotateX(45deg);
}