Toolipedia
DE
← Alle Text-Tools

CSS-Border-Radius-Generator

Runden Sie jede Ecke mit Reglern ab und kopieren Sie das border-radius-CSS.

  • Kostenlos
  • Ohne Anmeldung
  • Funktioniert auf jedem Gerät

Über CSS-Border-Radius-Generator

Runden Sie jede Ecke einzeln mit Reglern ab und sehen Sie die Form sofort ändern, kopieren Sie dann die Zeile border-radius. 50 Prozent bei einem Quadrat ergeben einen Kreis, während ein sehr großer Pixelwert bei einem Rechteck eine Pillenform ergibt. Die Schrägstrich-Syntax mit acht Werten erlaubt elliptische, blobartige Ecken.

So verwenden Sie CSS-Border-Radius-Generator

  1. Legen Sie oben die Optionen fest. Das Ergebnis wird live aktualisiert.
  2. Passen Sie alles an, bis es genau stimmt.
  3. Kopieren Sie das Ergebnis oder laden Sie es herunter.

Warum dieses Tool?

Auch bekannt als

Häufig gestellte Fragen

Wie erstelle ich mit CSS einen perfekten Kreis?

Geben Sie dem Element gleiche Breite und Höhe und setzen Sie dann border-radius auf 50 Prozent. Ohne gleich lange Seiten erhalten Sie stattdessen ein Oval.

Ist CSS-Border-Radius-Generator kostenlos?

Ja. CSS-Border-Radius-Generator auf Toolipedia ist kostenlos nutzbar, ohne Anmeldung und ohne Wasserzeichen.

Ist die Nutzung sicher?

Ja. Alles wird in Ihrem Browser berechnet, und nichts von Ihren Eingaben wird an unseren Server gesendet.

Funktioniert es auf meinem Smartphone?

Ja. Es funktioniert in jedem modernen Browser auf Android und iPhone sowie auf Tablets und Computern. Sie müssen nichts installieren.

Brauche ich ein Konto?

Nein. Öffnen Sie einfach die Seite und nutzen Sie das Tool. Keine Anmeldung, keine E-Mail-Adresse nötig.

Ähnliche Tools