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
Animation
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.
Generera CSS3-transformeringar med lätthet
Ett kraftfullt, intuitivt verktyg för att skapa komplexa CSS3-transformeringar utan att skriva kod. Visualisera ändringar i realtid och kopiera den genererade CSS:en för att använda i dina projekt.
Skapa perfekta Flexbox-layouter
Visualisera, anpassa och generera CSS flexbox-kod med vårt intuitiva dra-och-släpp-gränssnitt.
Base64 verktyg för avkodare
Generera säkra lösenordshashvärden för WordPress
HEX till HSV
Konvertera färger mellan hexadecimala färgmodeller och HSV-färgmodeller (Hue, Saturation, Value) med förhandsgranskning i realtid.
RGB till Pantone
Konvertera digitala RGB-färger till närmaste Pantone-motsvarigheter®