Daily Toolkits

Gränsradiegenerator

Styr varje hörn oberoende och förhandsgranska rundade former. Kopiera stenografi eller longhand kantradius CSS.

Border Radius Generator

Live

CSS output

border-radius: 24px;

Key capabilities

  • Styr varje hörn oberoende och förhandsgranska rundade former med kopieringsklar CSS.
  • Körs i din webbläsare
  • Gratis att använda

Så använder du

  1. Dra varje hörnradie.
  2. Lås upp länkade hörn som tillval.
  3. Kopiera CSS med kantradie.

How this tool works

  1. Dra varje hörnradie.
  2. Lås upp länkade hörn som tillval.
  3. Kopiera CSS med kantradie.

Recommended settings

  • Använd först standardalternativen och justera sedan om det behövs

Supported formats

Text / on-page input

File size and limits

  • Mycket komplexa förhandsvisningar i flera lager kan kännas långsammare på äldre telefoner.

Privacy

Färg- och CSS-generatorer körs helt i din webbläsare. Förhandsvisningar och konverteringar laddar aldrig upp dina stilar.

Common use cases

  • Använd Border Radius Generator när du behöver: Styr varje hörn oberoende och förhandsgranska rundade former med kopieringsklar CSS.

Troubleshooting

Förhandsgranskningen ser annorlunda ut efter inklistring

Kontrollera om det finns konkurrerande CSS på din sida (återställningar, ärvda färger). Kopiera den genererade regeln till en isolerad stilmall först.

FAQ

Laddar detta upp min CSS?

Nej. Generatorer och omvandlare körs i din webbläsare med liveförhandsvisning.

Behöver jag ett konto?

Nej. Öppna verktyget, justera kontrollerna och kopiera CSS.

Relaterade verktyg

Box Shadow Generator

Design layered box-shadows with offset, blur, spread, and color — live preview included.

Open tool

CSS Clip Path Generator

Build polygon and shape clip-paths with an interactive preview.

Open tool

CSS Gradient Generator

Build linear, radial, and conic gradients with live preview and copy-ready CSS.

Open tool