Cel mai bun gratuit Generator de radiu de frontieră CSS
În colțurile cu element rotund vizual - per-corner sau legat, px/%/em - cu prealabil și copie live.
100% gratuit
Nicio înscriere
Fără semn de apă
✨
Go Pro pentru cele mai bune modele de IA - imagine, video și chat - plus unders mai mari, prioritate în coada și nu de așteptare.
Actualizează la Pro
Iubire Best.Free? Împărtăşiţi-l.
Cum funcţionează
- Setează colțurile. Trage fiecare colț cu slider, sau ține link-ul pe toate colțurile pentru a le muta împreună.
- Priviți anterioarea. Cutia live se rotunde pe măsură ce trageți; schimba px, % sau em în opțiunile avansate.
- Copiază CSS. Loveste Copy CSS si pega regula de frontier-radius in stilul de stil.
Despre acest instrument
Învârtiți colțurile unui element exact cum doriți să le. Trimiteți un slider pentru fiecare dintre cele patru colți - sau păstrați-i legat astfel încât un slider mișcă toate patru - în timp ce o cutie de previzual live arată rezultatul. Copiați CSS-ul de frontieră-radius, care se prăbușește la o singură valoare atunci când fiecare colț se potrivește și se extinde la forma de patru valori atunci când acestea diferă. Opțiunile avansate schimbă unitatea între px, % și em, astfel încât să puteți construi forme de pilule și rotunjirea procentului.
Pentru ce o folosesc oamenii
- Card rotund, buton și colțuri de imagine
- Creați o pastilă sau o formă complet întoarsă
- Setează radii diferite pe colțuri individuale
- Folosește rotund procent pentru cercuri și ovaluri
Întrebări frecvente
Da. Închideți Legătura cu toate colțurile și fiecare curent controlează un colț; CSS apoi utilizează forma de patru valori (top- stânga, top- dreapta, jos- dreapta, jos- stânga).
Cu ea, trage orice slider mișcă toate cele patru colțuri împreună și CSS se prăbușește la o singură valoare.
Percentajul de runde în raport cu dimensiunea cutiei, astfel încât 50% pe un pătrat face un cerc și echilibra cu elementul. Picimetrii dau o rază fixa.
Setați o rază mare pe toate colțurile; pentru o adevărată pastilă, o rază de jumătate din înălțimea elementului - sau 50% - rotund complet sfârșitul.
Nu. Slider-urile calculează un cord CSS local în browser-ul tău.
Complet gratuit, fără cont şi fără limită - un instrument de la client cu nimic de măsurat.
Da. Se execută în browser-ul dvs., așa că CSS Border Rail Generator funcționează pe telefoane și tablete, precum și desktop - nu există nici o aplicație de instalat.
De obicei, doar câteva secunde pentru un fișier tipic - CSS Randament Generator de borduri începe să lucreze în momentul în care i-ai dat inputul.
Utilizarea casuală este nelimitat, sub un capac generos de utilizare corectă care o menține rapid pentru toată lumea.
Toate browserele moderne - Chrome, Safari, Firefox și Edge. CSS Radio Generator de frontiere nu are nevoie de nimic instalat dincolo de browser-ul utilizați deja.