DESIGN
Generatore Border Radius CSS — Angoli Arrotondati Online Gratis
La proprietà CSS border-radius è molto più potente di quanto sembri. Non si limita ai semplici angoli arrotondati — puoi creare forme ellittiche asimmetriche, forme a pillola, effetti organici. Il nostro generatore visuale espone tutti i parametri con anteprima in tempo reale.
La Sintassi Completa di Border-Radius
La forma completa è border-radius: TL TR BR BL per i quattro angoli. Ma ogni angolo ha in realtà due raggi: orizzontale e verticale, separati da /. border-radius: 50% / 30% crea un'ellisse. border-radius: 60% 40% 30% 70% / 60% 30% 70% 40% crea una forma organica asimmetrica.
Valori Pratici Comuni
- 4px: Leggermente arrotondato — il tocco di modernità preferito nelle UI Material.
- 8-12px: Arrotondato moderato — card, bottoni, input field nel design moderno.
- 50%: Cerchio perfetto (su elementi quadrati) o forma a pillola (su elementi rettangolari).
- 9999px: Pillola — garantisce angoli completamente arrotondati anche su altezze variabili.