CSS Border-Radius-Generator

CSS Border-Radius-Generator

Abgerundete Ecken ohne Ausprobieren

Der Generator erzeugt die border-radius-Eigenschaft visuell. Stelle jede Ecke einzeln ein und sieh das Ergebnis sofort in der Vorschau. Praktisch für Buttons, Karten und Bilder.

  • Vier Ecken: Reihenfolge im CSS ist oben-links, oben-rechts, unten-rechts, unten-links.
  • Einheiten: px für feste Radien, % für relative (50 % ergibt aus einem Quadrat einen Kreis).
  • Live-Vorschau: Zeigt die Rundung an einem Beispielelement.

Verwandte Tools

Nach oben scrollen