Hoppa till innehåll

Hörnavrundning

Gratis CSS border-radius förhandsgranskning online. Justera varje hörn separat med live-förhandsgranskning. Kopiera kod. Bearbetas i webbläsaren.

Border radius-förhandsgranskaren är ett gratis onlineverktyg som visuellt justerar CSS-egenskapen border-radius. Ställ in varje hörn individuellt eller alla på en gång med förhandsgranskning i realtid. Skapa cirklar, ellipser och asymmetriska former. Bearbetning sker i webbläsaren – helt gratis för webbdesign.

border-radius: 20px;
lock Filer skickas inte till någon server

Hur använder man Hörnavrundning?

  1. Justera radievärdena för varje hörn med reglage.
  2. Kontrollera formen i förhandsgranskningen i realtid.
  3. Kopiera CSS-koden och tillämpa den i ditt projekt.

Vanliga frågor om Hörnavrundning

Hur skapar jag en perfekt cirkel?

Tillämpa border-radius: 50% på ett kvadratiskt element för att skapa en perfekt cirkel. Ställ in alla fyra hörnen på 50%.

Kan jag ställa in olika värden för varje hörn?

Ja, border-radius kan ha fyra individuella värden i ordningen: uppe vänster, uppe höger, nere höger, nere vänster. Detta möjliggör unika asymmetriska former.