CSS-Border-Radius-Generator
Jede Ecke einzeln abrunden und den border-radius-Code sofort erzeugen
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
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.
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.