Randradius-Generator

CSS Border Radius Generator

Gestalten Sie visuell abgerundete Ecken für Ihre CSS-Elemente. Passen Sie jede Ecke unabhängig an, verwenden Sie elliptische Radien, wählen Sie aus Voreinstellungen und kopieren Sie den CSS-Code – alles mit einer Live-Vorschau.

Anwendung

Wählen Sie den einfachen Modus, um alle Ecken auf einmal einzustellen, oder wechseln Sie zum erweiterten Modus für die individuelle Eckkontrolle. Aktivieren Sie den elliptischen Modus für separate horizontale und vertikale Radien. Nutzen Sie die Galerie der Voreinstellungen für gängige Formen wie Kreise, Pillen und Squircles. Kopieren Sie das generierte CSS, wenn Sie mit dem Ergebnis zufrieden sind.

Merkmale

• Einfacher & Erweiterter Modus – Einheitliche Ecken oder individuelle Kontrolle für jede Ecke
• Elliptischer Radius – Legen Sie separate horizontale und vertikale Radien pro Ecke für komplexe Formen fest
• Einheitenwahl – Wechseln Sie zwischen px, %, em und rem
• Galerie der Voreinstellungen – Kreis, Pill, abgerundete Karte, Squircle, organischer Blob, Sprechblase und mehr
• Live-Vorschau – Sehen Sie Ihren Border Radius in Echtzeit auf einer Vorschau-Box angewendet
• CSS kopieren – Ein-Klick-Kopie von optimiertem CSS-Shorthand