32/32 100%


#1

Ну как то уж очень легкое финальное упражнение :smiley:. Думал сейчас 2 часа буду круговое меню строить. А в итоге 5 карт за 5 минут поставил, даже как-то обидно :slight_smile:

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);
}


#2

Хоть код опубликуйте. А то новая тема ради мнения о финальном задании в две строки - это как-то не целесообразно.


#3

Просто не нашел подобной темы, Простите :sweat:


#4

Темы проще искать по разделу.


Пользуйтесь возможностями форума.