Am besten kostenlos CSS-Grenzradius-Generator
Runde Elementecken visuell - per-Ecke oder verknüpft, px/%/em - mit Live-Vorschau und Kopie.
100% frei
Keine Anmeldung
Kein Wasserzeichen
✨
Go Pro für die besten AI-Modelle - Bild, Video und Chat - plus größere Uploads, Priorität in der Warteschlange und kein Warten.
Upgrade auf Pro
Liebe Best.Free? Teilen Sie es
Wie es funktioniert
- Die Ecken einstellen. Ziehen Sie jeden Eckschieber, oder halten Sie Link alle Ecken auf, um sie zusammen zu bewegen.
- Sehen Sie die Vorschau. Die Live-Box Runden, wie Sie ziehen; Schalter px, % oder em in Erweiterte Optionen.
- CSS kopieren. Klicken Sie auf Kopieren CSS und fügen Sie die Randradius-Regel in Ihr Stylesheet ein.
Über dieses Tool
Ziehen Sie einen Schieberegler für jede der vier Ecken - oder halten Sie sie verknüpft, so dass ein Schieberegler alle vier bewegt - während eine Live-Vorschau das Ergebnis zeigt. Kopieren Sie den Randradius CSS, der auf einen einzigen Wert zusammenbricht, wenn jede Ecke zusammenpasst und sich auf das Vier-Wert-Formular erweitert, wenn sie sich unterscheiden. Die erweiterten Optionen schalten die Einheit zwischen px, % und em, so dass Sie Pillenformen und prozentbasierte Rundung auch erstellen können.
Wofür die Leute es benutzen
- Runde Karte, Knopf und Bildecken
- Erstellen Sie eine Pille oder voll abgerundete Form
- Verschiedene Radien an einzelnen Ecken setzen
- Prozentuale Rundung für Kreise und Ovale verwenden
Häufig gestellte Fragen
Ja. Alle Ecken abschalten Link alle Ecken und jeder Schieberegler steuert eine Ecke; das CSS verwendet dann die Vier-Wert-Form (oben links, oben rechts, unten rechts, unten links).
Mit dem Ziehen eines Schiebereglers werden alle vier Ecken zusammen bewegt und der CSS-Crash auf einen einzigen Wert.
Prozentuale Runden im Verhältnis zur Boxgröße, also machen 50% auf einem Quadrat einen Kreis und er skaliert mit dem Element. Pixel geben einen festen Radius an.
Setzen Sie einen großen Radius an allen Ecken; für eine echte Pille, ein Radius von der Hälfte der Elementhöhe - oder 50% - rundet die Enden vollständig.
Nein.Die Schieberegler berechnen einen CSS-String lokal in Ihrem Browser.
Völlig kostenlos, kein Konto und keine Grenzen - ein clientseitiges Tool mit nichts zu messen.
Ja. Es läuft in Ihrem Browser, so CSS Border Radius Generator funktioniert auf Telefonen und Tablets sowie Desktop- - es gibt keine App zu installieren.
Normalerweise nur wenige Sekunden für eine typische Datei - CSS Border Radius Generator beginnt zu arbeiten, sobald Sie es Ihre Eingabe geben.
Casual-Nutzung ist unbegrenzt, unter einer großzügigen Fair-Use-Kappe, die es schnell für alle hält.
Alle modernen Browser - Chrome, Safari, Firefox und Edge. CSS Border Radius Generator braucht nichts installiert über den Browser, den Sie bereits verwenden.