CSS Border Radius Generator
Maak aangepaste CSS border-radius waarden met live preview. Pas elke hoek afzonderlijk aan. Gratis, 100% in je browser.
Voorbeeld
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.