• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

After i before dopasowanie elementu

0 głosów
380 wizyt
pytanie zadane 13 czerwca 2016 w HTML i CSS przez Alterwar Dyskutant (7,650 p.)
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?

1 odpowiedź

0 głosów
odpowiedź 13 czerwca 2016 przez xmentor Nałogowiec (49,520 p.)
A nie lepiej zrobić połączenie jedną linią, prostą?
komentarz 13 czerwca 2016 przez Alterwar Dyskutant (7,650 p.)
Nie :) Koniecznie chcę uzyskać taki efekt :)
komentarz 13 czerwca 2016 przez xmentor Nałogowiec (49,520 p.)
edycja 13 czerwca 2016 przez xmentor
Hmm, no to może zrób to w całości na elemencie canvas. Poczytaj, popatrz przykłady i kombinuj.
komentarz 13 czerwca 2016 przez Alterwar Dyskutant (7,650 p.)
ok dzieki

Podobne pytania

+1 głos
1 odpowiedź 235 wizyt
0 głosów
1 odpowiedź 369 wizyt
pytanie zadane 7 października 2019 w HTML i CSS przez R.orlinski Mądrala (5,490 p.)
+1 głos
3 odpowiedzi 2,672 wizyt
pytanie zadane 13 września 2015 w HTML i CSS przez molaki Obywatel (1,700 p.)

93,695 zapytań

142,612 odpowiedzi

323,223 komentarzy

63,224 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Twierdza Linux. Bezpieczeństwo dla dociekliwych

Aby uzyskać rabat -10%, użyjcie kodu pasja-linux, wpisując go w specjalne pole w koszyku.

...