Hoekafronding

Gratis online CSS border-radius voorbeeld. Pas elke hoek afzonderlijk aan met live voorbeeld. Code kopiëren. Verwerkt in browser.

Border Radius Previewer is a free online tool that visually adjusts the CSS border-radius property. Set each corner individually or all at once with real-time preview. Create circles, ellipses, and asymmetric shapes. Browser-based processing — completely free for web design.

border-radius: 20px;
lock Bestanden worden niet naar een server verzonden

Hoe gebruik je Hoekafronding?

  1. Adjust the radius values for each corner using sliders.
  2. Check the shape in the real-time preview.
  3. Copy the CSS code and apply it to your project.

Veelgestelde vragen over Hoekafronding

How do I create a perfect circle?

Apply border-radius: 50% to a square element to create a perfect circle. Set all four corners to 50%.

Can I set different values for each corner?

Yes, border-radius can have four individual values in the order: top-left, top-right, bottom-right, bottom-left. This allows unique asymmetric shapes.

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.