Border RadiusGenerator

Et CSS-generatorverktøy med grenseradius for raskt å generere CSS-deklarasjoner med grenseradius.

Preview

Preview image

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