Gratis online CSS border-radius voorbeeld. Pas elke hoek afzonderlijk aan met live voorbeeld. Code kopiëren. Verwerkt in browser.
Border-radius-voorbeeldtool is een gratis online tool waarmee je de CSS-eigenschap border-radius visueel aanpast. Stel elke hoek afzonderlijk of allemaal tegelijk in met een realtime voorbeeld. Maak cirkels, ellipsen en asymmetrische vormen. Verwerking in de browser - volledig gratis voor webdesign.
border-radius: 20px;
lock Bestanden worden niet naar een server verzonden
Hoe gebruik je Hoekafronding?
Pas de radiuswaarden voor elke hoek aan met schuifregelaars.
Controleer de vorm in het realtime voorbeeld.
Kopieer de CSS-code en pas die toe in je project.
Veelgestelde vragen over Hoekafronding
Hoe maak ik een perfecte cirkel?
Pas border-radius: 50% toe op een vierkant element om een perfecte cirkel te maken. Stel alle vier de hoeken in op 50%.
Kan ik voor elke hoek een andere waarde instellen?
Ja, border-radius kan vier afzonderlijke waarden hebben in deze volgorde: linksboven, rechtsboven, rechtsonder, linksonder. Zo maak je unieke asymmetrische vormen.