Preview
CSS-utgang
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
Kontroller for klippbane
Grunnleggende former
Egenskaper for form
0%
0%
100%
100%
Animation
0s
Presets
Rectangle
Circle
Ellipse
Triangle
Diamond
Pentagon
Hexagon
Heart
Hvordan å bruke
Grunnleggende kontroller
- Velge en grunnleggende form fra Figurvalg-panelet
- Juster formparametere ved hjelp av glidebryterne for området
- Dra kontrollpunktene på forhåndsvisningen for å endre formen på klippbanen
- Legge til punkter i egendefinerte figurer ved hjelp av modusen Legg til punkter
Avanserte funksjoner
- Lagre og last inn forhåndsinnstillinger for rask tilgang til favorittfigurene dine
- Animer klippbanene dine med egendefinert varighet, lettelser og gjentakelser
- Kopier den genererte CSS-koden og lim den inn i prosjektet ditt
- Veksle mellom mørk modus for komfortabel design sent på kvelden
Related Tools
CSS3 overgangsgenerator
Jevn opasitetsovergang
Generer CSS3-transformasjoner med letthet
Et kraftig, intuitivt verktøy for å lage komplekse CSS3-transformasjoner uten å skrive kode. Visualiser endringer i sanntid og kopier den genererte CSS-en for bruk i prosjektene dine.
Mindre til CSS-konverterer
Forvandle Less-koden din til CSS. Raskt, enkelt og sikkert.
Prosent Kalkulator
Beregn enkelt prosenter med vår intuitive prosentkalkulator.
ASCII til tekst
Konverter ASCII-kode til tekst uten problemer
Generer dummy-tekst for designene dine
Lag realistisk plassholdertekst for nettsteder, apper og dokumenter med vår Lorem Ipsum-generator.