Grens Straal Generator

Een CSS-generatortool voor grensradius om snel CSS-declaraties met een grensstraal te genereren.

Preview

Preview image

CSS-uitvoer

clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);

Besturingselementen voor clippad

Basisvormen

Vorm eigenschappen

0%
0%
100%
100%

Animation

0s

Presets

Rectangle

Circle

Ellipse

Triangle

Diamond

Pentagon

Hexagon

Heart

Gebruiksaanwijzing

Basisbediening

  • Selecteer een basisvorm in het deelvenster Vormselectie
  • Pas vormparameters aan met behulp van de schuifregelaars voor het bereik
  • Sleep de controlepunten in het voorbeeld om de vorm van het clippad te wijzigen
  • Punten toevoegen aan aangepaste vormen met behulp van de modus Punten toevoegen

Geavanceerde functies

  • Sla voorinstellingen op en laad ze voor snelle toegang tot uw favoriete vormen
  • Animatie toepassen op uw clippaden met aangepaste duur, vereenvoudiging en iteraties
  • Kopieer de gegenereerde CSS-code en plak deze in uw project
  • Schakel de donkere modus in voor comfortabel ontwerpen 's avonds laat

Related Tools