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

W jaki sposób zrobić takie linie w css?

0 głosów
141 wizyt
pytanie zadane 22 czerwca w HTML i CSS przez Piotr Mikołajewski Nowicjusz (190 p.)

Witam zastanawiam się w jaki sposób można zrobić takie linie pomiędzy obrazami.

 


Pozdrawiam

3 odpowiedzi

+1 głos
odpowiedź 23 czerwca przez thryndl Nałogowiec (27,550 p.)
wybrane 24 czerwca przez Piotr Mikołajewski
 
Najlepsza

Łap gotowca: https://codepen.io/thryndl/pen/BgRLJV

Kod jest na tyle prosty, że patrząc po komentarzach zrozumiesz działanie.

komentarz 23 czerwca przez Piotr Mikołajewski Nowicjusz (190 p.)
Dzięki wielkie :D
0 głosów
odpowiedź 22 czerwca przez pablop76 Szeryf (97,850 p.)
Pokombinował bym z pseudo elementami, after before.
komentarz 22 czerwca przez Piotr Mikołajewski Nowicjusz (190 p.)
Na pewno to też zadziała niestety nie znam się jeszcze zbytnio na pseudo elementach.
komentarz 23 czerwca przez jpacanowski VIP (101,660 p.)

nie znam się jeszcze zbytnio na pseudo elementach

Ale to nie jest fizyka kwantowa... To temat do ogarnięcia w 15 minut...
http://blog.eduweb.pl/pseudo-elementy-before-i-after-w-css/

0 głosów
odpowiedź 22 czerwca przez Tomek Sochacki Mędrzec (188,580 p.)
jak zaczynasz naukę css to tak jakprościej to chyba po prostu zrobić divy o wysokosci zgodnej z grubością tych kresek i we flexie sobie to ustawić odpowiednio wyśrodkowane w pionie i w poziomie zgodnie z potrzebą.
komentarz 22 czerwca przez Piotr Mikołajewski Nowicjusz (190 p.)
Zrobiłbym tak ale jak ktoś zobaczy taki kod to się za głowę złapie. :D
komentarz 22 czerwca przez Tomek Sochacki Mędrzec (188,580 p.)
wcale nie, zależy jak to wszystko opiszesz, np. poprzez odpowiednio opisowe nazwy klas itp. Na przykład dla mobilek możesz łatwo sobie ustawić dla całego konterera flex-direction na column i te "linie" albo też odwrócić ( a dokładniej dla mobilek zmienić width/height) albo dać im display none i ukryć. Zależy od potrzeb i od tego jak to sobie UX wymyśli na makietach.

Podobne pytania

+2 głosów
3 odpowiedzi 148 wizyt
pytanie zadane 18 czerwca 2015 w HTML i CSS przez SebastianGomularz Dyskutant (9,490 p.)
0 głosów
1 odpowiedź 123 wizyt
pytanie zadane 19 kwietnia 2018 w HTML i CSS przez Manioszek Nowicjusz (160 p.)
Porady nie od parady
Możesz ukryć, zamknąć lub zmodyfikować swoje pytanie, za pomocą przycisków znajdujących się pod nim. Nie krępuj się poprawić pochopnie opublikowanego pytania czy zamknąć go po uzyskaniu satysfakcjonującej odpowiedzi. Umożliwi to zachowanie porządku na forum.Przyciski pytania

66,399 zapytań

113,154 odpowiedzi

239,540 komentarzy

46,660 pasjonatów

Przeglądających: 300
Pasjonatów: 12 Gości: 288

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...