Generator CSS border-radius
Creați sintaxa scurtată border-radius din valori individuale pe colț, cu colțuri eliptice și echivalent Tailwind.
Generator CSS border-radius
Definiți o rază pentru fiecare colț și acest instrument compilează CSS-ul border-radius corect pentru dvs., redus la cea mai scurtă formă validă — o valoare atunci când toate patru colțurile se potrivesc, două sau trei când colțurile opuse se repetă, și lista completă de patru valori când fiecare colț este diferit. A fost creat pentru oricine care formează carduri, butoane, avatar-uri, modale sau câmpuri de intrare care doresc CSS curat și gata de copiat fără a face matematica colțurilor manual.
Alegeți "Egal pe toate colțurile" pentru un dreptunghi simplu rotunjit, sau schimbați la "Colțuri separate" pentru a ajusta fiecare colț independent în px, procente sau rem. Activarea colțurilor eliptice adaugă notația cu opt valori și slash pe care o suportă border-radius — o rază orizontală și o rază verticală distinctă pe colț, controlate de un cursor de proporție, deci un squircle sau o formă de pildulă aplatizată necesită doar o reglare în loc de opt câmpuri. Opțiunea "Bulă organică aleatoare" generează o formă asimetrică proaspătă la fiecare execuție — tipul de contur moale și neregulat folosit în spatele imaginilor erou și bulelor decorative. Comutați rezultatul între sintaxa scurtată border-radius și cele patru proprietăți border-*-radius extinse, și activați opțiunea Tailwind pentru a obține clasa de utilitate cu valoare arbitrară corespunzătoare alături de CSS-ul simplu.
Valorile sunt validate pe măsură ce tastați: numerele negative sunt tratate ca zero și nu există o stare care să producă CSS rupt. Numărătoarea în direct sub rezultat raportează câte linii de declarație au fost generate, câte valori de colț distincte a condensat sintaxa scurtată și contul exact de caractere, actualizând în timp ce ajustați orice opțiune.
Totul rulează local în browserul dvs. — nicio valoare de colț sau CSS generat nu este trimis niciodată nicăieri. Copiați rezultatul, descărcați-l ca fișier .txt sau trimiteți-l direct în intrarea unui alt instrument pentru a continua lucrul la acesta.