Colore e design
Generatore Border Radius
Generatore border-radius CSS gratuito. Crea visivamente il raggio per angolo con anteprima in tempo reale. Copia la sintassi abbreviata CSS. Per pulsanti, schede e qualsiasi forma arrotondata.
Runs in your browser
Border radius generator
CSS
border-radius: 16px;css
Nota dell'editore
Understanding · The shape of a corner.
Questo capitolo approfondito è attualmente disponibile solo in inglese. Lo strumento di conversione qui sopra funziona nella tua lingua; il lungo articolo esplicativo non è stato ancora tradotto.
Domande frequenti
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.
Le persone cercano anche
Strumenti correlati
More in this room.
- Generatore di SfumatureSfumature CSS lineari, radiali e coniche.
- Generatore Box ShadowEditor visuale di box-shadow CSS.
- Editor Cubic BezierDisegna visivamente curve di easing CSS.
- Generatore di Animazioni CSSCrea keyframes visivamente, copia CSS pronto-all'uso.
- Generatore di Filtri CSSAnteprima in tempo reale di sfocatura, luminosità, rotazione-tinta e altro.
- Generatore GlassmorphismSchede UI effetto vetro smerigliato con backdrop-filter.