Skocz do zawartości

Dwie skośne kolumny w CSS po 50% szerokości. Jak pochylić div 100%


Gość
 Udostępnij

Rekomendowane odpowiedzi

  • Założyciel

Najlepiej przez transform skew ale można też użyć background gradient

HTML

<div class="pecetowicz">
  <div> jakiś tekst </div>
  <div> jakiś tekst 2 </div>
</div>

CSS

.pecetowicz {
  display: flex;
  margin:1em;
  border: solid;
  background: linear-gradient(100deg, #4B9BE7 49.75%, black 50%, black calc(50% + 3px), #F9ABC9 calc(50% + 4px));
}

.pecetowicz div {
  flex:1;
  color:#fff;
  padding: 1em 2%;
}
Odnośnik do komentarza
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

×