6XC

Generatore di Border Radius CSS

Arrotonda ogni angolo singolarmente o tutti insieme, in px o %, con anteprima dal vivo e CSS copiabile.

964 visualizzazioni

Unità

La proprietà border-radius

L'ordine abbreviato è border-radius: alto-sinistra alto-destra basso-destra basso-sinistra. I pixel danno un arrotondamento fisso; le percentuali si adattano al box — 50% su un quadrato crea un cerchio perfetto. Valori diseguali creano forme organiche a "blob", molto usate nelle moderne hero section.

Domande Frequenti

Come creo un cerchio o una pillola?

Un elemento quadrato con border-radius: 50% diventa un cerchio. Un rettangolo con un raggio fisso grande (ad esempio 999px) diventa una pillola.

px o % — quale devo usare?

Usa px quando gli angoli devono apparire identici a qualsiasi dimensione (card, pulsanti). Usa % quando l'arrotondamento deve scalare con l'elemento, come in cerchi e blob.

Strumenti Simili

Generatore di Gradienti CSS Progetta gradienti CSS lineari, radiali e conici con anteprima dal vivo e copia il codice. Genera Generatore di Ombre CSS (Box Shadow) Progetta una box-shadow visivamente — offset, sfocatura, espansione, colore, opacità e inset — con anteprima dal vivo. Genera Generatore di Ombra del Testo CSS Progetta un text-shadow con offset, sfocatura, colore e opacità — anteprima dal vivo su testo di esempio. Genera Generatore CSS Glassmorphism Progetta un effetto vetro (glassmorphism) con anteprima dal vivo — regola sfocatura, trasparenza, tinta e bordo, poi copia il CSS. Genera