CSS Border Radius Generator

Maak aangepaste CSS border-radius waarden met live preview. Pas elke hoek afzonderlijk aan. Gratis, 100% in je browser.

Voorbeeld

Linksboven 12px

Rechtsboven 12px

Rechtsonder 12px

Linksonder 12px

Hoeken koppelen

Eenheid

px % rem

CSS-uitvoer

Referentie

Over CSS border-radius

De CSS-eigenschap border-radius maakt het mogelijk om hoeken van elementen af te ronden. Je kunt verschillende waarden voor elke hoek instellen.

Syntaxis

border-radius accepteert 1 tot 4 waarden — één voor alle hoeken, twee voor linksboven/rechtsonder en rechtsboven/linksonder paren, of vier afzonderlijke waarden.

Elliptische afronding

Elliptische border-radius gebruikt de schuine-streep syntaxis (bijv. 50% / 30%) om asymmetrische afrondingen te maken met verschillende horizontale en verticale stralen.

Privacy

Alle verwerking draait 100% in je browser. Er worden nooit gegevens naar een server verzonden.

← Terug naar alle tools