Randradiusgenerator
Von einem subtilen Kartenradius bis hin zu einem vollständig organischen Klecks: Passen Sie jede Ecke einzeln an, verknüpfen Sie sie für eine gleichmäßige Rundung und kopieren Sie die Abkürzung „border-radius“ mit Schrägstrich-Syntax für elliptische Ecken.
Wichtige Fakten
- Kategorie
- Design & Farbe
- Preis
- Frei
- Konto
- Nicht erforderlich
- Verarbeitung
- In Ihrem Browser
- Eingang
- Lokale Dateien oder eingefügte Daten
- Plattform
- Moderne Desktop- und mobile Browser
Was es bewirkt
Von einem subtilen Kartenradius bis hin zu einem vollständig organischen Klecks: Passen Sie jede Ecke einzeln an, verknüpfen Sie sie für eine gleichmäßige Rundung und kopieren Sie die Abkürzung „border-radius“ mit Schrägstrich-Syntax für elliptische Ecken.
Steuern Sie jede Ecke unabhängig und sehen Sie sich organische Formen und Pillen in der Vorschau an.
Wie man es benutzt
Hier ist die Kurzversion der Verwendung von Randradiusgenerator.
- Passen Sie die Ecken an — Verwenden Sie die Schieberegler für jede Ecke oder verknüpfen Sie alle vier, um sie gemeinsam zu bearbeiten.
- Vorschau der Form — Wechseln Sie zwischen einer Karte, einem Knopf und einem Quadrat, um zu sehen, wie sich der Radius bei verschiedenen Größen verhält.
- Kopieren Sie das CSS — Die Ausgabe verwendet die Kurzschrift mit vier Werten und schließt die elliptische Form ein, wenn sich die Ecken unterscheiden.
Funktionen, die wichtig sind
Was Randradiusgenerator gut macht.
- Nichts verlässt Ihr Gerät — Die Arbeit geschieht in Ihrem Browser-Tab. In dieser App gibt es keinen Upload-Endpunkt, sodass Ihre Dateien und Texte von uns nicht gespeichert, protokolliert oder eingesehen werden können.
- Keine Upload-Wartezeit — Sie überspringen den Hin- und Rückweg zu einem Server vollständig. Die Ergebnisse werden durch Ihre eigene CPU begrenzt, nicht durch die Netzwerkgeschwindigkeit oder die Warteschlangengröße.
- Kostenlos, kein Konto, keine Kontingente — Keine Anmeldewand, kein Wasserzeichen, kein Tageslimit. Optionale Konten existieren nur, um Favoriten und Voreinstellungen geräteübergreifend zu speichern.
Häufig gestellte Fragen
Kann mein Design hier sicher verwendet werden?
Ja. Dieses Tool läuft vollständig in Ihrem Browser und verwendet JavaScript. Nichts, was Sie einfügen oder öffnen, wird an einen Server gesendet und die Seite behält keine Kopie, nachdem Sie sie geschlossen haben.
Muss ich ein Konto erstellen?
Nein. Jedes Tool ist ohne Anmeldung vollständig nutzbar. Ein Konto fügt nur gespeicherte Favoriten und wiederverwendbare Voreinstellungen hinzu.
Funktioniert es auf einem Telefon?
Ja. Die Benutzeroberfläche ist „Mobile First“ mit großen Touch-Zielen und einem gestapelten Layout, sodass sie sowohl auf Telefonen und Tablets als auch auf Desktops funktioniert.
Was bedeutet der Schrägstrich im Randradius?
Es trennt horizontale und vertikale Radien. Beispielsweise erzeugt 50 % / 30 % eine Ellipse statt eines Kreises, wodurch asymmetrische Blob-Formen entstehen.
Wie erstelle ich einen perfekten Kreis?
Stellen Sie die Breite und Höhe des Elements gleich ein und wenden Sie dann border-radius: 50 % an. Eine Pillenform verwendet stattdessen einen Radius, der der halben Höhe des Elements entspricht.
Öffnen Sie Randradiusgenerator
Probieren Sie es jetzt aus – es läuft in Ihrem Browser und erfordert kein Konto.
Öffnen Sie das Tool