CSS-clip-pathgenerator

Kies uit een set veelgebruikte vormen (cirkel, ellips, driehoek, vijfhoek, zeshoek, ster, spraakballon, pijl) met een live voorbeeld, en kopieer vervolgens de exacte clip-path CSS-waarde, klaar om in je project te gebruiken.

Design- en CSS-tools Werkt volledig in je browser

Alle verwerking gebeurt op je eigen apparaat — er wordt niets naar een server gestuurd.

Vorm

CSS-code

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

Ga verder met

Volledig lokaal

Cubic-bezier-easinggenerator

Sleep twee punten om visueel een aangepaste bewegingscurve te ontwerpen en kopieer de cubic-bezier code.

Design- en CSS-toolsTool openen

Volledig lokaal

CSS-grid- en flexboxgenerator

Ontwerp visueel een Grid- of Flexbox-layout met een live voorbeeld en kopieer de kant-en-klare CSS-code.

Design- en CSS-toolsTool openen

Volledig lokaal

CSS-hoekafrondinggenerator

Ontwerp visueel afgeronde hoeken — ook asymmetrische vormen — en kopieer de CSS-code.

Design- en CSS-toolsTool openen

Gerelateerde tools

Volledig lokaal

Cubic-bezier-easinggenerator

Sleep twee punten om visueel een aangepaste bewegingscurve te ontwerpen en kopieer de cubic-bezier code.

Design- en CSS-toolsTool openen

Volledig lokaal

CSS-glassmorphismgenerator

Ontwerp visueel een matglas-kaarteffect en kopieer de kant-en-klare CSS-code.

Design- en CSS-toolsTool openen

Volledig lokaal

CSS-grid- en flexboxgenerator

Ontwerp visueel een Grid- of Flexbox-layout met een live voorbeeld en kopieer de kant-en-klare CSS-code.

Design- en CSS-toolsTool openen

Volledig lokaal

Tekst naar Handschrift Converter

Zet getypte tekst om in een afbeelding die eruitziet als handschrift op gelinieerd papier, in een keuze van handschriftstijlen.

Design- en CSS-toolsTool openen

Volledig lokaal

SVG Blob & Achtergrondpatroon Generator

Genereer een willekeurige organische blob-vorm of een naadloos herhalend achtergrondpatroon als SVG, en kopieer of download het.

Design- en CSS-toolsTool openen

Wil je Uddatak proberen?

Blader door de volledige bibliotheek met tools en gebruik meteen wat je nodig hebt — gratis en zonder registratie.

Bekijk alle tools