Zum Hauptinhalt springen
Uddatak

CSS-Glassmorphism-Generator

Passe Hintergrundweichzeichnung, Glasfarbton und -deckkraft, Rand-Deckkraft und Eckenradius mit Live-Reglern über einem farbigen Hintergrund an, und kopiere dann den fertigen CSS-Code (inklusive WebKit-Präfix für Safari).

Design- und CSS-Tools Läuft vollständig in deinem Browser

Die gesamte Verarbeitung erfolgt auf deinem Gerät — es wird nichts an einen Server gesendet.

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;

Weiter mit

Vollständig lokal

CSS Box-Shadow-Generator

Gestalten Sie einen CSS-box-shadow visuell mit Reglern und kopieren Sie den generierten Code.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

CSS Border-Radius-Generator

Gestalten Sie abgerundete Ecken visuell — einschließlich asymmetrischer Formen — und kopieren Sie den CSS-Code.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

CSS-Verlaufsgenerator

Erstellen Sie visuell einen linearen oder radialen CSS-Verlauf und kopieren Sie den Code.

Design- und CSS-ToolsTool öffnen

Ähnliche Tools

Vollständig lokal

CSS-Grid- & Flexbox-Generator

Gestalte visuell ein Grid- oder Flexbox-Layout mit Live-Vorschau und kopiere den fertigen CSS-Code.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

Text-zu-Handschrift-Konverter

Verwandle getippten Text in ein Bild, das wie handgeschrieben auf liniertem Papier aussieht, in verschiedenen Handschriftstilen.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

SVG-Blob- und Hintergrundmuster-Generator

Erzeuge eine zufällige organische Blob-Form oder ein nahtloses, sich wiederholendes Hintergrundmuster als SVG, und kopiere oder lade es herunter.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

CSS-Keyframe-Animation-Generator

Gestalte eine CSS-Animation visuell (Einblenden, Einschieben, Zoomen, Springen, Drehen, Umklappen) und erhalte einsatzbereiten @keyframes-Code.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

Farbpaletten-Harmonie-Generator

Wähle eine Grundfarbe und erhalte eine harmonische Farbpalette (komplementär, analog, triadisch, tetradisch, monochromatisch).

Design- und CSS-ToolsTool öffnen

Bereit, Uddatak auszuprobieren?

Durchsuchen Sie die vollständige Tool-Bibliothek und beginnen Sie jetzt, was Sie brauchen — kostenlos, keine Anmeldung.

Alle Tools durchsuchen