Kolor i Projekt
Generator zaokrąglenia rogów (Border Radius)
Darmowy generator CSS border-radius. Wizualnie twórz zaokrąglenia dla każdego rogu z podglądem na żywo. Kopiuj skrócony kod CSS. Do przycisków, kart i wszelkich zaokrąglonych kształtów.
Runs in your browser
Border radius generator
CSS
border-radius: 16px;css
Notka redakcyjna
Understanding · The shape of a corner.
Ten szczegółowy rozdział jest obecnie dostępny tylko w języku angielskim. Narzędzie konwersji powyżej działa w Twoim języku; długi artykuł objaśniający nie został jeszcze przetłumaczony.
Często zadawane pytania
Quick answers.
›Can I make a circle?
Yes — set border-radius: 50% on a square element. Use the 'square element' preset.
›What's elliptical border-radius?
Each corner can have separate horizontal and vertical radii (e.g. 50% / 30%) for soft, organic 'blob' shapes.
›Does it output Tailwind?
For uniform radii, yes. Per-corner customisation needs custom CSS.
›Is the generator free?
Yes — fully free, no signup.
Ludzie wyszukują również
Powiązane narzędzia
More in this room.
- Generator gradientówLiniowe, promieniowe i stożkowe gradienty CSS.
- Generator cienia pudełka (Box Shadow)Wizualny edytor CSS box-shadow.
- Edytor krzywych BézieraWizualnie projektuj krzywe łagodzące CSS.
- Generator Animacji CSSTwórz klatki kluczowe wizualnie, kopiuj gotowy do wklejenia kod CSS.
- Generator Filtrów CSSPodgląd na żywo rozmycia, jasności, obrotu odcienia i innych.
- Generator GlassmorfizmuKarty interfejsu użytkownika w stylu mrożonego szkła z filtrem backdrop-filter.