Best ledig CSS kantradiusgenerator
Avrundede hjørner - per hjørne eller lenket, px/%/em - med levende forhåndsvisning og kopiering.
100 % ledig
Ingen registrering
Uten vannmerke
✨
Go Pro for de beste AI-modellene - bilde, video og prat - pluss større opplastinger, prioritet i køen og ingen ventetid.
Oppgrader til Pro
Like Best.Free? Del det
Hvordan det virker
- Velg hjørnene. Dra hver hjørneglider, eller hold lenken alle hjørnene på for å flytte dem sammen.
- Se på forhåndsvisningen. Liveboksen rundes av mens du drar, bytter px, % eller em i Avanserte innstillinger.
- Kopier CSS. Slå på Kopier CSS og lim inn rammeradiusregelen i stilsettet ditt.
Om dette verktøyet
Avrund hjørnene til et grunnstoff akkurat slik du vil ha det. Dra en glidebryter for hvert av de fire hjørnene - eller hold dem lenket slik at en glidebryter flytter alle fire - mens en forhåndsvisning viser resultatet i live. Kopier CSS- radien for kantradius, som faller sammen til en enkelt verdi når hvert hjørne passer og utvider seg til fire- verdis form når de er forskjellige. De Avanserte innstillingene bytter enhet mellom px, % og em, så du kan bygge pilleformer og avrunding basert på prosenter også.
Hva folk bruker det til
- Runde kort, knapper og bilder
- Lag en pille eller full avrundet form
- Sett forskjellig radius på individuelle hjørner
- Bruk prosentvis avrunding for sirkler og ovale
Ofte stilte spørsmål
Ja. Skru av alle hjørner og hver glidebryter styrer ett hjørne. CSS bruker så fire- verdi- formen (øverst til venstre, øverst til høyre, nederst til høyre, nederst til venstre).
Når den er på, flytter glidebryteren alle fire hjørnene sammen og CSS- en faller sammen til én verdi.
Prosentdel runder i forhold til boksstørrelsen, så 50% på en firkant lager en sirkel og skalerer med grunnstoffet. Piksler gir en fast radius.
Sett en stor radius på alle hjørner, for en ekte pille, en radius på halvparten av grunnstoffets høyde - eller 50% - avrunder endene helt.
Nei, glidebryterne beregner en CSS- streng lokalt i nettleseren din.
Helt gratis, uten konto og uten begrensninger - et kundeverktøy uten mål.
Ja. Det kjører i nettleseren din, så CSS Border Radius Generator virker på telefoner, nettbrett og skrivebord - det er ingen program å installere.
Vanligvis bare noen sekunder for en typisk fil - CSS Border Radius Generator begynner å fungere i det øyeblikket du gir den din inn-gang.
Tilfellebruk er ubegrenset, under en generøs rettferdig bruk som holder den rask for alle.
Alle moderne nettlesere - Chrome, Safari, Firefox og Kant. CSS Border Radius Generator trenger ikke noe installert utenfor nettleseren du allerede bruker.