CSS-Border-Radius-Generator
Gestalten Sie CSS-border-radius visuell — steuern Sie alle vier Ecken einzeln oder gemeinsam. Die Live-Vorschau zeigt sofort das Ergebnis.
Studio · neutrale Umgebung
Funktionen
4-corner control
Unified / independent mode
Slider + number input
Live preview & CSS code
Anleitung
1. Den Radius-Regler ziehen — die neutrale Karte zeigt die Ecken in Originalgröße.
2. Auf „Pro Ecke“ umschalten, um jede Ecke einzeln zu formen.
3. Das CSS kopieren — es nutzt die kürzeste gültige Schreibweise.
Häufig gestellte Fragen
What is border-radius?
The CSS border-radius property rounds the corners of an element's outer border edge.
Verwandte Werkzeuge
CSS-Box-Shadow-Generator
Erstellen Sie CSS-box-shadow-Eigenschaften visuell mit Schiebereglern. Sehen Sie...
CSS-Verlauf-Generator
Erstellen Sie CSS-Verläufe visuell — linear, radial und konisch. Fügen Sie mehre...
CSS-Flexbox-Spielwiese
Lernen und experimentieren Sie mit CSS Flexbox. Passen Sie Container-Eigenschaft...
CSS-Grid-Generator
Erstellen Sie CSS-Grid-Layouts visuell. Legen Sie Zeilen, Spalten und Abstände f...