Как сделать ступеньки?

Question

[Александр Зубарев]

Имеется макет, и интересует как лучше сделать ступеньки, чтобы это было стильно, круто, молодежно.

Comments

[Алексей Струков]

А как это должно выглядеть при сужении экрана или расширении?

Answer 1

[Сергей Тутуков]

codepen.io/STutukov/pen/NNeZGg

Comments

[Сергей Тутуков]

codepen.io/STutukov/pen/QNzXgQ
- через display:inline-block; vertical-align:bottom;

Answer 2

[Денис Князев]

А может как-то так попробовать?
codepen.io/axaxaman/pen/JXwqgz

Answer 3

[Danila]

codepen.io/DNLHC/pen/QNzebz

Answer 4

[oleg_drozdov]

Можно попробовать сделать блок, который будет содержать ступеньки. Для ступенек задать инлайн-блок, и ширину в процентах, ну и прижать к низу. Высоту каждой ступеньки соответственно ручками выставлять, либо JS.

Answer 5

[Анатолий Евладов]

Каждая ступенька - отдельный блок. Обтекаем его с нужной стороны что бы следующий встал справа.
Все блоки - пихаем в еще один блок, который равняется по верхней границе. В итоге получаются ступеньки.
Единственное - необходимо будет проследить что бы картинка которую будут "закрывать" ступеньки была достаточного размера.
Вот как-то так если навскидку.

Answer 6

[Dark Hole]

codepen.io/DarkHole/pen/oxmbQp