Border RadiusGenerator
Et CSS-generatorverktøy med grenseradius for raskt å generere CSS-deklarasjoner med grenseradius.
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
Mindre til CSS-konverterer
Forvandle Less-koden din til CSS. Raskt, enkelt og sikkert.
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.
Lengde omregner
Konverter mellom forskjellige lengdeenheter enkelt og nøyaktig. Perfekt for daglig bruk og profesjonelle applikasjoner.
Frekvensenhet omformer
Konverter mellom ulike frekvensenheter med presisjon for dine tekniske og vitenskapelige beregninger
CSS til SCSS-konvertering
Forvandle CSS-koden din til SCSS med variabler, nesting og mer. Raskt, enkelt og sikkert.