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.
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.
CSS-förskönare
Formatera och försköna din CSS-kod med professionell precision
Gratis CSS Knapp Generator
Erstellen Sie ansprechende, responsive Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.
SHA3-512 Hash-kalkylator
Generera SHA3-512-hash snabbt och enkelt