Ga naar de hoofdinhoud
Uddatak

CSS-glassmorphismgenerator

Pas de achtergrondvervaging (backdrop blur), glastint-kleur en -dekking, randdekking en hoekradius aan met live schuifregelaars boven een kleurrijke achtergrond, en kopieer vervolgens de exacte CSS-code (inclusief de WebKit-prefix voor Safari).

Design- en CSS-tools Werkt volledig in je browser

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

CSS-code

background: rgba(255, 255, 255, 0.20);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.30);
border-radius: 20px;

Ga verder met

Volledig lokaal

CSS-boxschaduwgenerator

Ontwerp visueel een CSS box-shadow met schuifregelaars en kopieer de gegenereerde 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
Volledig lokaal

CSS-verloopgenerator

Bouw visueel een lineaire of radiale CSS-gradient en kopieer de code.

Design- en CSS-toolsTool openen

Gerelateerde tools

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
Volledig lokaal

CSS Keyframe Animatie Generator

Ontwerp visueel een CSS-animatie (fade, slide, zoom, bounce, rotate, flip) en krijg kant-en-klare @keyframes-code.

Design- en CSS-toolsTool openen
Volledig lokaal

Kleurenpalet Harmonie Generator

Kies een basiskleur en krijg een harmonieus kleurenpalet (complementair, analoog, triadisch, tetradisch, monochromatisch).

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