Générateur de border-radius
Prévisualisez et copiez les valeurs CSS border-radius de chaque coin en pixels ou en pourcentage.
Comment utiliser
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.
Questions fréquentes
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.
Outils associés
Générateur d'ombres CSS
Créez des ombres avec des curseurs pour le décalage, le flou, la diffusion et la couleur, puis copiez le CSS.
Générateur de dégradés CSS
Concevez des dégradés CSS linéaires ou radiaux avec aperçu en direct et CSS prêt à copier.
Formateur CSS
Embellit le CSS avec une propriété par ligne et une indentation cohérente.
Générateur d'UUID / GUID
Génère des UUID de version 4 aléatoires et les copie un par un ou en masse.
Générateur de hachage
Calcule les empreintes MD5, SHA-1, SHA-256 et SHA-512 de n'importe quel texte.
Convertisseur d'horodatage
Convertit entre horodatages Unix, ISO 8601 et dates locales lisibles.