cube.css

body{background:#000;color:#fff;cursor:default;font:11px/1.5em Verdana,sans-serif;height:426px;left:50%;margin:-223px 0 0 -230px;position:absolute;top:50%;width:460px}a{color:#fff}a:hover{color:rgba(0,0,0,.5)}nav *,article * *{opacity:0;visibility:hidden}nav:hover *,article :hover *{opacity:1;visibility:visible}article header,nav,section{cursor:default;height:380px;left:0;overflow:hidden;padding:10px 20px;position:absolute;width:0}article header{background:#a943ff}section{background:#d200ad;left:140px}section:last-child{background:#0042ff;left:280px}nav{background:#85ca00;margin:0;left:420px}article header:hover,nav:hover,section:hover{left:0;width:420px;z-index:2;transition:all .5s ease}nav:hover{overflow:auto}nav ul{padding:0}nav li{display:inline-block;margin:0 15px 5px 0;width:46%}nav li:nth-child(2){clear:both}nav a:last-child{color:rgba(0,0,0,.3)}header h1{font:normal 11px verdana}article{display:block;height:400px}