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
Sass till CSS Converter
Omvandla din Sass-kod till CSS. Snabbt, enkelt och säkert.
Mindre till CSS Converter
Omvandla din Less-kod till CSS. Snabbt, enkelt och säkert.
Skapa perfekta Flexbox-layouter
Visualisera, anpassa och generera CSS flexbox-kod med vårt intuitiva dra-och-släpp-gränssnitt.
Skapa vacker CSS-textgradient utan ansträngning
Skapa fantastiska övertoningstexteffekter för din webbplats
Reaktiv energiomvandlare
Omvandla reaktiv energi mellan olika enheter med precision och lätthet
CSS Cubic Bezier Generator
Skapa CSS Cubic Bezier Generator underlättande funktioner