Toolipedia Intégrer
FR
← Tous les outils texte

Générateur de border-radius CSS

Arrondissez chaque coin avec des curseurs et copiez le CSS border-radius.

  • Gratuit
  • Sans inscription
  • Fonctionne sur tous les appareils

À propos de Générateur de border-radius CSS

Arrondissez chaque coin séparément avec des curseurs et voyez la forme changer instantanément, puis copiez la ligne border-radius. Utiliser 50 % sur un carré donne un cercle, tandis qu'une très grande valeur en pixels sur un rectangle donne une pilule. La syntaxe à huit valeurs avec barre oblique permet des coins elliptiques, en forme de blob.

Comment utiliser Générateur de border-radius CSS

  1. Faites glisser le curseur de chaque coin pour régler son rayon.
  2. Regardez l'aperçu en direct pour vérifier la forme.
  3. Copiez la ligne CSS border-radius.

Pourquoi utiliser cet outil ?

Aussi appelé

Questions fréquentes

Comment faire un cercle parfait avec CSS ?

Donnez à l'élément la même largeur et la même hauteur, puis réglez border-radius sur 50 %. Sans côtés égaux, vous obtenez un ovale.

Comment arrondir un seul coin ?

Réglez les trois autres coins à zéro et augmentez seulement celui que vous voulez. Le CSS généré liste quatre valeurs pour les coins dans un ordre fixe.

Dois-je utiliser des pixels ou des pourcentages pour le rayon ?

Les pixels donnent la même taille de coin sur n'importe quelle boîte. Les pourcentages varient avec l'élément, et peuvent donc faire paraître les boîtes larges étirées. Utilisez des pixels pour des boutons et cartes cohérents.

Générateur de border-radius CSS est-il gratuit ?

Oui. Générateur de border-radius CSS est gratuit sur Toolipedia, sans inscription et sans filigrane.

Est-ce sûr ?

Oui. Tous les calculs se font dans votre navigateur et rien de ce que vous saisissez n’est envoyé à notre serveur.

Est-ce que ça fonctionne sur mon téléphone ?

Oui. L’outil fonctionne dans tout navigateur récent sur Android et iPhone, ainsi que sur tablette et ordinateur. Il n’y a rien à installer.

Faut-il un compte ?

Non. Ouvrez simplement la page et utilisez l’outil. Aucune inscription ni adresse e-mail n’est nécessaire.

Puis-je mettre Générateur de border-radius CSS sur mon propre site ?

Oui. Utilisez le bouton « Intégrer sur votre site » sous l'outil pour copier un court extrait de code et le coller dans votre page. C'est gratuit, sans compte, et l'outil continue de fonctionner dans votre page.

Outils similaires