Generator de rază de frontieră

Controlați fiecare colț în mod independent și previzualizați formele rotunjite. Copiați CSS cu rază de margine scurtă sau lungă.

Border Radius Generator

Live

CSS output

border-radius: 24px;

Key capabilities

  • Controlați fiecare colț în mod independent și previzualizați formele rotunjite cu CSS gata de copiere.
  • Se rulează în browserul dvs
  • Gratuit de utilizat

Cum se folosește

  1. Trageți fiecare rază de colț.
  2. Opțional, deblocați colțurile legate.
  3. Copiați CSS-ul cu raza de frontieră.

How this tool works

  1. Trageți fiecare rază de colț.
  2. Opțional, deblocați colțurile legate.
  3. Copiați CSS-ul cu raza de frontieră.

Recommended settings

  • Utilizați mai întâi opțiunile implicite, apoi ajustați dacă este necesar

Supported formats

Text / on-page input

File size and limits

  • Previzualizările cu mai multe straturi foarte complexe se pot simți mai lente pe telefoanele mai vechi.

Privacy

Generatoarele de culoare și CSS rulează în întregime în browserul dvs. Previzualizările și conversiile nu vă încarcă niciodată stilurile.

Common use cases

  • Utilizați Border Radius Generator oricând aveți nevoie: controlați fiecare colț în mod independent și previzualizați formele rotunjite cu CSS gata de copiere.

Troubleshooting

Previzualizarea arată diferit după lipire

Verificați dacă există CSS concurente pe pagina dvs. (resetări, culori moștenite). Copiați mai întâi regula generată într-o foaie de stil izolată.

Întrebări frecvente

Acest lucru îmi încarcă CSS-ul?

Nu. Generatoarele și convertoarele rulează în browserul dvs. cu previzualizare live.

Am nevoie de un cont?

Nu. Deschideți instrumentul, modificați controalele și copiați CSS-ul.

Instrumente similare