LBweb Łukasz Bącik
Komentarze: 0

Ciekawe kształty w czystym CSS

Na stronie internetowej czasem potrzebujemy wyświetlić niestandardowy kształt. Tu możemy wykorzystać CSS i właściwość border-radius.

Na stronie internetowej czasem potrzebujemy wyświetlić niestandardowy kształt. Tu możemy wykorzystać CSS i właściwość border-radius.

ciekawy kształt w css

Przejdźmy zatem do kodu, jaki pozwoli nam uzyskać powyższy efekt:

.fancy-border {
  width: 50%;
  height: 150px;
  border-radius: 26% 74% 85% 15% / 19% 65% 35% 81%;
  background: #ff0022;
  filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.5));
  display: block;
  margin: 0 auto;
}

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *