After i before dopasowanie elementu

Question

Witam.

Chciałbym się poradzić. Otóż na obrazku zaznaczyłem białe linię, które są zrobione za pomocą ::after,before.

https://zapodaj.net/32da2d5a5d414.jpg.html

Do każdego pomarańczowego koła przypisałem after i before co daje mi po dwie linie. Musiałem dodać jeszcze jeden element, który doda mi trzecią białą linię. Głupio pomyślałem i dodałem napisy, które mi rozjeżdżają te linie. Teraz pytanie, czy macie jakiś sensowny pomysł na to czy może dodać jakiegoś diva który będzie bardzo małych rozmiarów ze stałą pozycją i do niego dodać after/before?

Answer 1

A nie lepiej zrobić połączenie jedną linią, prostą?

Comments

Nie :) Koniecznie chcę uzyskać taki efekt :)

---

Hmm, no to może zrób to w całości na elemencie canvas. Poczytaj, popatrz przykłady i kombinuj.

---

ok dzieki