Nachvollziehbares Beispiel
Eingabe
Oben links: 8 px Oben rechts: 16 px Unten rechts: 24 px Unten links: 4 px
Erwartete Ausgabe
border-radius: 8px 16px 24px 4px;
Border Radius Generator
Erzeuge eine CSS-border-radius-Deklaration aus vier Eckradien.
✓ Viele Berechnungen laufen lokal im Browser
Erzeuge eine CSS-border-radius-Deklaration aus vier Eckradien. Die Berechnung oder Umwandlung folgt dabei ausschließlich der im Werkzeug implementierten Logik.
Die Beispiele zeigen konkrete Eingaben und die dazu erwartete Ausgabe.
Eingabe
Oben links: 8 px Oben rechts: 16 px Unten rechts: 24 px Unten links: 4 px
Erwartete Ausgabe
border-radius: 8px 16px 24px 4px;
Erzeuge eine CSS-border-radius-Deklaration aus vier Eckradien.
Die beschrifteten Felder zeigen das erwartete Format. Für diese Aufgabe gilt konkret: Erzeuge eine CSS-border-radius-Deklaration aus vier Eckradien.
Die Reihenfolge der vier Werte folgt der CSS-Kurzschreibweise im Uhrzeigersinn.
Erzeuge eine CSS-border-radius-Deklaration aus vier Eckradien. Die dafür nötige Verarbeitung läuft lokal im Browser; technische Zugriffsdaten des Seitenaufrufs bleiben davon unberührt.