Ну как то уж очень легкое финальное упражнение 
. Думал сейчас 2 часа буду круговое меню строить. А в итоге 5 карт за 5 минут поставил, даже как-то обидно 
body {
width: 570px;
height: 250px;
margin: 0;
padding: 0;
}
.deck {
width: 570px;
margin: 0 auto;
padding-top: 50px;
}
.deck > img {
position: relative;
display: inline-block;
width: 110px;
margin-right: -4px;
}
.deck .queen {
transform:
rotate(0)
scale(1)
translate(0,-5px);
}
.deck .king {
z-index:-1;
transform:
rotate(5deg)
scale(0.9)
translate(-20px,0);
}
.deck .jack {
transform:
rotate(-5deg)
scale(0.9)
translate(20px,0);
}
.deck .ten {
transform:
rotate(-10deg)
scale(0.8)
translate(45px,20px);
}
.deck .ace {
z-index:-2;
transform:
rotate(10deg)
scale(0.8)
translate(-45px,20px);
}
