Как сделать то же самое при помощи css?

Question

[Aligatro]

Добрый вечер, господа. Подскажите пожалуйста, можно ли сделать что-то подобное как на этой картинке при помощи чистого css? Желательно со ссылкой на урок или мануал. Или возможно существует скрипт с подобными каруселями?

Спасибо за ответы.

Answer 1

[Евгений Петров]

Магия псевдоэлементов и :nth-child()
Та же магия, только горизонтальная.

Comments

[Aligatro]

Спасибо, то что нужно. Простите за наглость и нубство, но я чет совсем запутался, в том как это работает. Если Вас не затруднит, можете пожалуйста сделать этот объект по горизонтали.
Еще раз огромное спасибо.

[Aligatro]

Громадное спасибо, буду курить как сделано=)) Спасибо!

[Валерий Суворов]

Das ist fantastisch! Просто великолепно!

Answer 2

[Виталий Киренков]

codepen.io/vitaliy_kirenkov/pen/MwbbVb

И так далее... Не вижу никакой сложности.

Comments

[Moskus]

Можно даже элегантнее, если использовать список для хранения цифр и создавать линии через псевдоэелементы :after с учетом четности и нечетности.

[Виталий Киренков]

Moskus: Конечно можно.. =)) Просто решил не усложнять, чтобы человек так хотя бы разобрался. Задача то по сути элементарная.