Handytool
Pentru dezvoltatoriGratuitRulează local

Generator Border Radius

Reglează și previzualizează border-radius CSS pentru colțuri și forme personalizate.

Previzualizare
CSS
border-radius: 16px;
Mod
Unitate

Modul pe colț controlează fiecare colț individual; eliptic împarte razele orizontale și verticale.

Despre Generator Border Radius

Generatorul border-radius al Handytool-ului te permite să reglezi curbura fiecărui colț al unui element sau să aplici un border-radius uniform. Setează raze separate pentru fiecare colț, previzualizează pe un element pătrat cu fundal personalizabil, și copiază proprietatea CSS completă. Suportă atât raze circulare (50%) cât și eliptice (50% 30%) pentru forme mai complexe.

Generator Border Radius – funcționalități

  • 01

    Control independent al colțului

    Ajustează top-left, top-right, bottom-right și bottom-left separat, sau aplică același radius pentru o uniformitate rapidă.

  • 02

    Formă eliptică suportată

    Setează două valori (orizontală și verticală) pe orice colț pentru a crea curbe eliptice — perfectă pentru forme organice și butoane moderne.

  • 03

    Previzualizare live cu unități

    Vezi cum arată colțurile cu px, %, em sau alte unități CSS în timp real pe o previzualizare dimensionabilă.

Generator Border Radius – întrebări frecvente

Pot crea un cerc perfect?
Da. Setează border-radius la 50% pe un pătrat (lățime = înălțime) pentru a obține un cerc perfect.
Pot folosi unități diferite?
Da. Mixează px, %, em, rem și alte unități CSS — browser-ul le va evalua relativ la dimensiunea elementului.
Care este diferența între 50% și 50% 30%?
Primul este o rază circulară de 50%. Al doilea este o rază eliptică cu 50% pe orizontală și 30% pe verticală.
Cum copiez sintaxa scurtă?
Handytool-ul generează sintaxa scurtă pentru tine — dacă toți colții sunt la fel, arată doar o valoare; dacă sunt diferiți, arată perechi.

Instrumente similare

Pentru dezvoltatori →

Explorează alte instrumente

Toate instrumentele →