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.
ŁukaszPodziel się artykułem:
Na stronie internetowej czasem potrzebujemy wyświetlić niestandardowy kształt. Tu możemy wykorzystać CSS i właściwość border-radius.
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;
}
