Conception et couleur

Générateur de rayon de bordure

D'un rayon de carte subtil à une goutte entièrement organique, ajustez chaque coin séparément, liez-les pour un arrondi uniforme et copiez le raccourci du rayon de bordure avec la syntaxe de barre oblique pour les coins elliptiques.

4 min de lecture2026-11-04 mis à jour

Faits clés

Catégorie: Conception et couleur
Prix: Gratuit
Compte: Non requis
Traitement: Dans votre navigateur
Saisir: Fichiers locaux ou données collées
Plate-forme: Navigateurs de bureau et mobiles modernes

Ce que ça fait

Contrôlez chaque coin indépendamment et prévisualisez les formes et les pilules organiques.

Comment l'utiliser

Voici la version courte de l'utilisation de Générateur de rayon de bordure.

Ajuster les coins — Utilisez les curseurs pour chaque coin ou reliez les quatre pour les modifier ensemble.
Aperçu de la forme — Basculez entre une carte, un bouton et un carré pour voir comment le rayon se comporte selon différentes tailles.
Copiez le CSS — La sortie utilise le raccourci à quatre valeurs et inclut la forme elliptique lorsque les coins diffèrent.

Des fonctionnalités qui comptent

Ce que Générateur de rayon de bordure fait bien.

Rien ne quitte votre appareil — Le travail se déroule dans l'onglet de votre navigateur. Il n'y a pas de point final de téléchargement dans cette application, donc vos fichiers et votre texte ne peuvent pas être stockés, enregistrés ou vus par nous.
Pas d'attente de téléchargement — Vous évitez complètement l’aller-retour vers un serveur. Les résultats sont limités par votre propre processeur, et non par la vitesse du réseau ou la taille de la file d'attente.
Gratuit, pas de compte, pas de quotas — Pas de mur d'inscription, pas de filigrane, pas de limite quotidienne. Les comptes facultatifs existent uniquement pour enregistrer les favoris et les préréglages sur tous les appareils.

Questions fréquemment posées

Mon design peut-il être utilisé en toute sécurité ici ?

Oui. Cet outil s'exécute entièrement dans votre navigateur en utilisant JavaScript. Rien de ce que vous collez ou ouvrez n’est envoyé à un serveur et la page n’en conserve aucune copie après sa fermeture.

Dois-je créer un compte ?

Non. Chaque outil est entièrement utilisable sans connexion. Un compte ajoute uniquement des favoris enregistrés et des préréglages réutilisables.

Est-ce que ça marche sur un téléphone ?

Oui. L'interface est avant tout mobile avec de grandes cibles tactiles et une disposition empilée, elle fonctionne donc sur les téléphones et les tablettes ainsi que sur les ordinateurs de bureau.

Que signifie la barre oblique dans le rayon de bordure ?

Il sépare les rayons horizontaux et verticaux. Par exemple, 50 % / 30 % crée une ellipse plutôt qu'un cercle, ce qui permet de créer des formes de gouttes asymétriques.

Comment faire un cercle parfait ?

Définissez la largeur et la hauteur de l'élément de manière égale, puis appliquez border-radius : 50 %. Une forme de pilule utilise plutôt un rayon égal à la moitié de la hauteur de l'élément.

Ouvrir Générateur de rayon de bordure

Essayez-le maintenant : il s'exécute dans votre navigateur et ne nécessite aucun compte.

Ouvrez l'outil