Border-Radius-Generator
Runden Sie jede Ecke mit Schiebereglern ab, gestalten Sie organische Blobs im elliptischen Modus und kopieren Sie das CSS sofort.
Jede Ecke wird direkt in Ihrem Browser gezeichnet. Keine Ihrer Einstellungen wird an BroBroGo übertragen.
FAQ
Wie funktionieren die vier Ecken und px vs. %?
Die vier Schieberegler sind im Uhrzeigersinn den Ecken oben links, oben rechts, unten rechts und unten links zugeordnet. In Pixeln wird eine Ecke um einen festen Wert abgerundet; in Prozent erfolgt die Abrundung relativ zur Box – ein horizontaler Prozentwert bezieht sich auf die Breite und ein vertikaler auf die Höhe, sodass 50 % ein Quadrat in einen Kreis verwandeln.
Was bewirkt der elliptische Modus?
Ausgeschaltet ist jede Ecke ein Viertelkreis mit einem einzigen Radius. Schalten Sie den Modus ein, erhält jede Ecke einen separaten horizontalen und vertikalen Radius. So erstellen Sie weiche, organische „Blob“-Formen. Der Generator schreibt die Schrägstrich-Schreibweise mit zwei Werten für Sie und wechselt zur Kurzform zurück, sobald die Ecken wieder rund sind.
Wie erstelle ich einen perfekten Kreis oder eine Pillenform?
Verknüpfen Sie die Ecken, wechseln Sie zu Prozent und stellen Sie 50 % ein: Ein Quadrat wird zum Kreis. Für eine pillenförmige Schaltfläche behalten Sie stattdessen Pixel bei und ziehen Sie eine Ecke über die Hälfte der Button-Höhe hinaus – die Seiten bleiben bei jeder Breite vollständig abgerundet. Das Preset „Kreis“ richtet den ersten Fall mit einem Klick ein.