Gratis att använda, inget konto
CSS Gränsradiegenerator
Forma varje hörn oberoende av varandra, inklusive elliptiska horisontella och vertikala radier. Förhandsgranska resultatet och kopiera kompakt CSS.
Hur genererar jag CSS border-radius-värden?
Välj pixlar eller procentsatser, justera den horisontella och vertikala radien för varje hörn och kopiera sedan den genererade border-radius-deklarationen. CSS kan proportionellt normalisera överlappande radier för att passa elementet.
Vanliga frågor
Hur genererar jag CSS border-radius-värden?
Välj pixlar eller procentsatser, justera den horisontella och vertikala radien för varje hörn och kopiera sedan den genererade border-radius-deklarationen. CSS kan proportionellt normalisera överlappande radier för att passa elementet.
Är min CSS eller design uppladdad?
Nej. Förhandsgranskningen och CSS genereras på den här webbläsarfliken. Det finns ingen uppladdning, konto, API-anrop eller automatisk lagring.
Kan varje hörn ha olika radie?
Ja. Ställ in ett separat horisontellt och vertikalt värde för de övre vänstra, övre högra, nedre högra och nedre vänstra hörnen.
Vad betyder snedstrecket i border-radius?
Den separerar horisontella radier från vertikala radier och skapar elliptiska hörn. Om varje hörn använder samma horisontella och vertikala värde, utelämnar generatorn snedstrecket.
Varför kan förhandsgranskningen se mindre ut än värdena?
CSS normaliserar proportionellt radier som skulle överlappa vid en kant. Det är standard webbläsarbeteende och tillämpas även i den här förhandsvisningen.