*{
    margin: 0 ; padding: 0 ; list-style: none ;
}
html{
    overflow: hidden;
}
body{
    background: #050505;
}
ul{
    width: 140px; height: 200px; margin: 200px auto;
    position: relative; cursor: pointer;
    -webkit-transform:perspective(800px) rotateX(-15deg) rotateY(0deg) ;
    -moz-transform:perspective(800px) rotateX(-15deg) rotateY(0deg) ;
    transform:perspective(800px) rotateX(-15deg) rotateY(0deg) ;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    transform-style:preserve-3d;
}
ul li{
    position: absolute; left: 0 ; top: 0;
    width: inherit;height: inherit;
    box-shadow: 1px 1px 3px rgba(255,255,255,0.7),
                -1px -1px 2px rgba(255,255,255,0.7);
    -webkit-transform: rotateY(0deg) translateZ(1px);
    -moz-transform: rotateY(0deg) translateZ(1px);
    transform: rotateY(0deg) translateZ(1px);
    -webkit-transition:1s all ease;
    -moz-transition:1s all ease;
    transition:1s all ease;
    opacity: 0.9;
}