341 outils gratuits
Outils en ligne
341 outils gratuits, sans inscription ni installation, tout se passe dans votre navigateur.
341 outils gratuits, sans inscription ni installation, tout se passe dans votre navigateur.
Coins arrondis CSS avec aperçu live
Arrondir les coins d'un élément est la décision de style la plus visible d'une interface, et la plus vite bâclée. Cet outil laisse régler les quatre coins ensemble ou séparément, avec un aperçu en direct, et rend la déclaration dans sa forme courte quand les quatre valeurs sont identiques. Régler les coins un par un sert plus souvent qu'on ne croit : une bulle de conversation, un onglet, une carte accolée à un bord. Tout se calcule dans le navigateur, et le CSS produit se colle tel quel.
De 4 à 8 pixels pour un bouton ou un champ, de 12 à 24 pour une carte, la moitié de la hauteur pour une forme en gélule. L'important est la cohérence : deux rayons proches mais différents dans la même interface se remarquent, sans qu'on sache dire pourquoi.
Le rayon intérieur doit valoir le rayon extérieur moins l'épaisseur qui les sépare. Reprendre la même valeur des deux côtés donne un liseré d'épaisseur inégale dans les angles, défaut discret mais visible une fois qu'on le connaît.
Un rayon de 50 % sur un élément carré. En pourcentage sur un rectangle, on obtient une ellipse, ce qui est parfois exactement l'effet recherché.
Un résultat qui vous paraît faux, une valeur périmée, un cas qui manque ? Signalez-le à contact@topapps.fr