Bedste fri CSS Border Radius Generator
Rund element hjørner visuelt ~ per-hjørne eller forbundet, px /% /em ~ med live preview og kopi.
100% fri
Ingen tilmelding
Ingen vandmærke
✨
Go Pro for de bedste AI-modeller - billede, video og chat - plus større uploads, prioritet i køen og ingen ventetid.
Opgradering til Pro
Kærlighed Best.Free? Del det
Hvordan fungerer det?
- Sæt hjørnerne. Træk hver hjørne skyderen, eller hold Link alle hjørner på at flytte dem sammen.
- Se forhåndsvisningen. Live-boksen runder når du trækker; skift px, % eller em i Avancerede indstillinger.
- Kopiér CSS. Hit Kopier CSS og indsæt grænse-radio reglen i dit stylesheet.
Om dette værktøj
Rundt hjørnerne af et element præcis, hvordan du ønsker dem. Træk en skyder for hver af de fire hjørner ! eller hold dem knyttet, så en skyder bevæger alle fire ! mens en live forhåndsvisning boks viser resultatet. Kopier grænse-radio CSS, som kollapser til en enkelt værdi, når hvert hjørne matcher og udvider til fire-værdi formular, når de adskiller sig. De avancerede indstillinger skifte enheden mellem px, % og em, så du kan bygge pille figurer og procent-baseret afrunding også.
Hvad folk bruger det til
- Rundt kort, knap og billedhjørner
- Opret en pille eller fuld afrundet form
- Sæt forskellige radier på individuelle hjørner
- Brug procentvis afrunding til cirkler og ovaler
Ofte stillede spørgsmål
Ja. Sluk Link alle hjørner og hver skyder styrer et hjørne; CSS bruger derefter fire-værdi formular (øverst til venstre, øverste til højre, nederste til højre, nederste til venstre).
Med det på, trække enhver skyderen flytter alle fire hjørner sammen og CSS kollapser til en enkelt værdi.
Procent runder i forhold til boksens størrelse, så 50% på et kvadrat gør en cirkel og det skalaer med elementet. Pixels giver en fast radius.
Sæt en stor radius på alle hjørner; for en ægte pille, en radius på halvdelen af elementhøjden! eller 50% ! runder enderne helt.
Nej. Skyderne beregner en CSS-streng lokalt i din browser.
Helt gratis, ingen konto og ingen grænser • et klient-side værktøj med intet at måle.
Ja. Det kører i din browser, så CSS Border Radius Generator virker på telefoner og tabletter samt skrivebord! Der er ingen app til at installere.
Normalt kun et par sekunder for en typisk fil ! CSS Border Radius Generator begynder at arbejde det øjeblik, du giver det dit input.
Tilfældig brug er ubegrænset, under en generøs fair-use cap, der holder det hurtigt for alle.
Alle moderne browsere! Chrome, Safari, Firefox og Edge. CSS Border Radius Generator har brug for intet installeret ud over browseren, du allerede bruger.