Border Radius-generator
Designa CSS border-radius visuellt med förhandsgranskning i realtid och kopiera den genererade koden.
Förhandsgranskning
Förinställningar
CSS-utdata
border-radius: 10px;
Tailwind
Om Border Radius-generator
Border Radius-generatorn är ett gratis onlineverktyg för att visuellt designa CSS border-radius-värden med förhandsgranskning i realtid. Justera varje hörn oberoende eller länka dem samman, välj bland förinställda former och kopiera omedelbart den genererade CSS-koden för ditt projekt.
Hur du använder
Använd reglagen för att justera varje hörns kantradie, eller aktivera 'Länka alla hörn' för att ändra dem enhetligt. Välj en förinställd form som snabb startpunkt. Aktivera Avancerat läge för 8-värdeskontroll (horisontell och vertikal radie per hörn). Anpassa förhandsgranskningens utseende med bakgrunds- och kantfärger. Kopiera den genererade CSS:en med ett klick.
Vanliga användningsområden
- Designa avrundade knappar och kortkomponenter
- Skapa pillerformade taggar och märken
- Göra cirkulära profilbildscontainrar
- Designa organiska klickformer för dekorativa element
- Generera konsekventa border-radius-värden i ett designsystem