Как соединить круги линией в CSS?

Question

[verstak4444]

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

Comments

[Андрей Токмаков]

Художник от бога!
А где код кругов то? что соединять то?
Или очередное - у меня нет денег на фриланс, сделайте мне все тут и бесплатно

[verstak4444]

Андрей Токмаков: да это я к примеру,как круги то делать знаю,как соединять вот не знаю

[Андрей Токмаков]

verstak4444: Зависит от того как круги будут сделаны

[verstak4444]

Андрей Токмаков: codepen.io/anon/pen/BWbeWO

вот например

[Ярослав Иванов]

Почему круги а нарисованны камни ? для камней подругому делается.

Answer 1

[Дмитрий Лузанов]

Вот так:

<css>
</css>

Answer 2

[Андрей Токмаков]

codepen.io/anon/pen/vxPwpd
Самый примитивный вариант

Comments

[verstak4444]

что-ж спасибо,а по всяким крутым эффектам где можно почитать?

[Андрей Токмаков]

codepen.io/anon/pen/ryRgZL

[Андрей Токмаков]

verstak4444: Не поверите, но в гугле столько ссылок, что всё не перечитать. Особенно когда "всякие крутые эффекты" не имеют конкретного описания

[Ярослав Иванов]

verstak4444: в книжке "Крутые эффекты для чайников"

Answer 3

[Сергей Горячев]

Точно искал?

Как сверстать круги с линиями?
Как реализовать хронологическую цепочку (круги и линии) при помощи CSS?
Как сделать разделительные линии с помощью ::before?
Как реализовать подобную схему на Web-странице?
Как правильно сделать наложение с прозрачностью?

Comments

[verstak4444]

тут забыл чето ну спасибо все равно