Generatore di border-radius
Anteprima e copia dei valori CSS border-radius per ogni angolo in pixel o percentuale.
Come usare
Round the corners
Enter a value for each corner and choose pixels or percent. The preview updates as you type.
- Enter top-left, top-right, bottom-right and bottom-left values.
- Choose px or percent.
- Copy the border-radius declaration.
Percent units
Percentages are relative to the box size, so 50% on a square creates a circle and on a rectangle creates an ellipse.
Domande frequenti
Can corners differ?
Yes. Each corner has its own input, allowing asymmetric rounded shapes and leaf-like corners.
Does it support elliptical syntax?
The generated value uses the single-radius-per-corner form. Add a slash manually if you need horizontal and vertical radii.
Strumenti correlati
Generatore di box shadow CSS
Crea ombre con cursori per spostamento, sfocatura, diffusione e colore, poi copia il CSS.
Generatore di gradienti CSS
Crea gradienti CSS lineari o radiali con anteprima live e CSS pronto da copiare.
Formattatore CSS
Abbellisce il CSS con una proprietà per riga e indentazione uniforme.
Generatore di UUID / GUID
Genera UUID versione 4 casuali e li copia uno per uno o in blocco.
Generatore di hash
Calcola i digest MD5, SHA-1, SHA-256 e SHA-512 di qualsiasi testo.
Convertitore di timestamp
Converte tra timestamp Unix, ISO 8601 e date locali leggibili.