Kostenlose Nutzung, kein Konto erforderlich
CSS Randradiusgenerator
Formen Sie jede Ecke unabhängig, einschließlich elliptischer horizontaler und vertikaler Radien. Sehen Sie sich das Ergebnis in der Vorschau an und kopieren Sie das kompakte CSS.
Wie generiere ich CSS border-radius-Werte?
Wählen Sie Pixel oder Prozentsätze, passen Sie den horizontalen und vertikalen Radius für jede Ecke an und kopieren Sie dann die generierte border-radius-Deklaration. CSS kann überlappende Radien proportional normalisieren, um sie an das Element anzupassen.
Häufig gestellte Fragen
Wie generiere ich CSS border-radius-Werte?
Wählen Sie Pixel oder Prozentsätze, passen Sie den horizontalen und vertikalen Radius für jede Ecke an und kopieren Sie dann die generierte border-radius-Deklaration. CSS kann überlappende Radien proportional normalisieren, um sie an das Element anzupassen.
Ist mein CSS oder Design hochgeladen?
Nein. Die Vorschau und CSS werden in diesem Browser-Tab generiert. Es gibt keinen Upload, kein Konto, keinen API-Aufruf und kein automatisches Speichern.
Kann jede Ecke einen anderen Radius haben?
Ja. Legen Sie einen separaten horizontalen und vertikalen Wert für die Ecken oben links, oben rechts, unten rechts und unten links fest.
Was bedeutet der Schrägstrich in border-radius?
Es trennt horizontale Radien von vertikalen Radien und erzeugt so elliptische Ecken. Wenn jede Ecke denselben horizontalen und vertikalen Wert verwendet, lässt der Generator den Schrägstrich weg.
Warum sieht die Vorschau möglicherweise kleiner aus als die Werte?
CSS normalisiert proportional Radien, die sich an einer Kante überlappen würden. Dies ist ein Standardverhalten des Browsers und wird auch in dieser Vorschau angewendet.