Hoekafronding

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;
lockBestanden worden niet naar een server verzonden

Hoe gebruik je Hoekafronding?

  1. Pas de radiuswaarden voor elke hoek aan met schuifregelaars.
  2. Controleer de vorm in het realtime voorbeeld.
  3. 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.

Gerelateerde tools

Schaduwgenerator

Gratis online CSS box-shadow generator. Pas offset, vervaging, spreiding, kleur aan met live voorbeeld. Code kopiëren. Verwerkt in browser.

Lettertype-combinatie

Gratis online lettertype-combinatiesuggesties. Google Fonts-aanbevelingen voor koppen en tekst met live voorbeeld. Verwerkt in browser.

CSS Grid generator

Gratis online CSS Grid generator. Visuele editor voor rijen, kolommen, gap met automatische codegeneratie. Verwerkt in browser.