Как соединить круги, чтобы...?

Question

[Руслан Минулин]

Что-бы соединительная линия была с скругленными углами.

Answer 1

[SunUp]

Так к примеру
https://codepen.io/Minobi/pen/zLaqqO

Answer 2

[Ankhena]

Скругленные углы это border-radius ;)
https://webref.ru/css/border-radius

В вашем случае у псевдоэлементов.

Comments

[Руслан Минулин]

Это я понял как(как и круги делаются), а с чертой ничего не могу придумать, как круги соединить(как на картинке), они у меня в div'ах.