Hjørneafrunding

Gratis CSS border-radius forhåndsvisning online. Juster hvert hjørne separat med live forhåndsvisning. Kopier kode. Behandles i browseren.

Border radius-forhåndsvisning er et gratis onlineværktøj, der visuelt justerer CSS-egenskaben border-radius. Indstil hvert hjørne individuelt eller alle på én gang med forhåndsvisning i realtid. Skab cirkler, ellipser og asymmetriske former. Behandling i browseren — helt gratis til webdesign.

border-radius: 20px;
lock Filer sendes ikke til nogen server

Hvordan bruger man Hjørneafrunding?

  1. Juster radiusværdierne for hvert hjørne ved hjælp af skydere.
  2. Tjek formen i forhåndsvisningen i realtid.
  3. Kopiér CSS-koden, og anvend den i dit projekt.

Ofte stillede spørgsmål om Hjørneafrunding

Hvordan opretter jeg en perfekt cirkel?

Anvend border-radius: 50 % på et kvadratisk element for at skabe en perfekt cirkel. Indstil alle fire hjørner til 50 %.

Kan jeg indstille forskellige værdier for hvert hjørne?

Ja, border-radius kan have fire individuelle værdier i rækkefølgen: øverst venstre, øverst højre, nederst højre, nederst venstre. Det giver mulighed for unikke asymmetriske former.

Relaterede værktøjer

Skyggegenerator

Gratis CSS box-shadow generator online. Juster offset, sløring, spredning, farve med live forhåndsvisning. Kopier kode. Behandles i browseren.

Skrifttypekombination

Gratis skrifttypekombinationsforslag online. Google Fonts-anbefalinger til overskrifter og brødtekst med forhåndsvisning. Behandles i browseren.

CSS Grid-generator

Gratis CSS Grid-generator online. Visuel editor for rækker, kolonner, mellemrum med automatisk kodegenerering. Behandles i browseren.