CSS-Border-Radius-Generator
Jede Ecke einzeln abrunden und den border-radius-Code sofort erzeugen
Ein Tool, mit dem Sie den Radius jeder der vier Ecken einzeln per Schieberegler einstellen, in der Vorschau prüfen und den border-radius-CSS-Code erzeugen. Es unterstützt die Einheiten px und % sowie das gleichzeitige Anpassen aller Ecken – praktisch für Entwickler, die abgerundete Ecken von Buttons, Karten oder Bildern feinjustieren.
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Anleitung
- Stellen Sie den Radius mit dem Schieberegler jeder Ecke ein.
- Wählen Sie die Einheit px oder % und aktivieren Sie bei Bedarf „Alle Ecken gemeinsam anpassen".
- Prüfen Sie die Form in der Vorschaubox.
- Kopieren Sie den erzeugten border-radius-Code und verwenden Sie ihn.
FAQ
- Worin unterscheiden sich px und %?
- px ist ein fester Radius, % ein zur Elementgröße proportionaler Radius. Ein Quadrat mit 50 % wird zu einem perfekten Kreis.
- Wie sieht der Code aus, wenn alle vier Ecken denselben Wert haben?
- Sind alle vier Werte gleich, wird kompakt ein einzelner Wert ausgegeben, z. B. border-radius: 16px;. Bei unterschiedlichen Werten werden die vier Richtungen der Reihe nach angegeben.
- Werden die eingegebenen Werte an einen Server gesendet?
- Nein. Vorschau und Code-Erzeugung finden ausschließlich im Browser statt und werden nicht an einen Server gesendet.