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.
Skapa perfekta Flexbox-layouter
Visualisera, anpassa och generera CSS flexbox-kod med vårt intuitiva dra-och-släpp-gränssnitt.
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.
CPM-kalkylator
Beräkna kostnad per tusen (CPM) för dina annonskampanjer med vår lättanvända kalkylator.
Omvandlare för volymetrisk flödeshastighet
Konvertera volymetriskt flöde mellan olika enheter med precision och lätthet
CSS-glitch texteffekt
Skapa fantastiska glitch-effekter för din text med denna interaktiva generator. Perfekt för cyberpunk, spel eller vilken design som helst som behöver det där edgy, futuristiska utseendet.