Generator für abgerundete Ecken (border-radius)
Passe den Radius jeder Ecke einzeln an und erhalte den CSS-border-radius-Code mit Vorschau.
Wird auf Ihrem Gerät verarbeitet. Es wird nichts an einen Server gesendet.
border-radius: 24px 24px 24px 24px;Passe den Radius jeder Ecke eines Elements einzeln an und erhalte den CSS-border-radius-Code mit Live-Vorschau.
Erzeugt die Kurzschreibweise von border-radius mit den vier Werten in der Reihenfolge oben-links, oben-rechts, unten-rechts, unten-links.
Anwendungsfälle
- Eine Karte mit asymmetrischen Ecken erstellen.
- Ein Element in Tropfen- oder Sprechblasenform gestalten.
- Die Rundung eines Buttons visuell anpassen.
So funktioniert's
- 1
Jede Ecke anpassen
Gib den Radius in Pixeln für jede der vier Ecken ein.
- 2
CSS kopieren
Kopiere die border-radius-Eigenschaft zum Einfügen.
Häufige Fragen
Kann ich für jede Ecke einen anderen Radius festlegen?
Ja, jede der vier Ecken wird unabhängig voneinander gesteuert.
Ähnliche Tools
- Box-Shadow-GeneratorErstellt CSS-Schatten mit Live-Vorschau.
- CSS-Verlauf-GeneratorErstellt CSS-Verläufe mit Vorschau.
- FarbwählerFarbe wählen und HEX, RGB und HSL erhalten.
- Paletten-GeneratorErzeugt harmonische Paletten aus einer Basisfarbe.
- Zufallsfarben-GeneratorErzeugt eine zufällige HEX-Farbe.
- WCAG-Kontrast-CheckerPrüft den WCAG-Kontrast zwischen zwei Farben.