Gräns RadiusGenerator
Ett CSS-generatorverktyg med kantradie för att snabbt generera CSS-deklarationer med kantradie.
Preview
CSS-utdata
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
Kontroller för klippbana
Grundformer
Egenskaper för form
0%
0%
100%
100%
Animation
0s
Presets
Rectangle
Circle
Ellipse
Triangle
Diamond
Pentagon
Hexagon
Heart
Så här använder du
Grundläggande kontroller
- Välj en grundläggande form på panelen Formval
- Justera formparametrar med hjälp av skjutreglagen för intervall
- Dra kontrollpunkterna i förhandsgranskningen för att ändra formen på klippbanan
- Lägga till punkter i anpassade former med hjälp av läget Lägg till punkter
Avancerade funktioner
- Spara och ladda förinställningar för snabb åtkomst till dina favoritformer
- Animera dina klippbanor med anpassad varaktighet, övergångar och iterationer
- Kopiera den genererade CSS-koden och klistra in den i ditt projekt
- Växla mörkt läge för bekväm design sent på kvällen
Related Tools
Skapa perfekta Flexbox-layouter
Visualisera, anpassa och generera CSS flexbox-kod med vårt intuitiva dra-och-släpp-gränssnitt.
Stylus till CSS-omvandlare
Omvandla din SCSS-kod till CSS. Snabbt, enkelt och säkert.
SCSS till CSS-omvandlare
Omvandla din SCSS-kod till CSS. Snabbt, enkelt och säkert.
Omvandlare av tal till ord
Konvertera numeriska värden till deras ordrepresentationer på flera språk
RGB till Pantone
Konvertera digitala RGB-färger till närmaste Pantone-motsvarigheter®
Konvertera JSON till Java-klasser
Generera Java-klasser från JSON-data med korrekta annoteringar och get-metoder. Snabbt, säkert och helt webbläsarbaserat.