CSS & Design
Jedes CSS & Design Tool auf Toolz.dev: 14 kostenlose Utilities, die komplett in Ihrem Browser laufen. Keine Anmeldung, keine Uploads, keine Downloads.
Showing 14 tools
CSS-Gradientengenerator
Erstellen Sie wunderschöne CSS-Verläufe mit Live-Vorschau
CSS-Textschattengenerator
Gestalten Sie geschichtete CSS-Textschatten mit einer Live-Vorschau und Schiebereglern für Offset, Unschärfe, Farbe und Deckkraft - erstellen Sie Glüh-, Umriss-, Retro-3D- und Prägeeffekte und kopieren Sie dann produktionsfähiges CSS.
CSS-Border-Radius-Generator
Um jede Ecke mit einer Live-Vorschau und pro Ecken-Slidern wechseln, wechseln Sie zwischen PX, %, EM und REM und kopieren Sie den kürzesten gültigen CSS-Grenzradius.
CSS-Filtergenerator
Wenden Sie Unschärfe, Helligkeit, Kontrast, Graustufen, Sepia, Hue-Rotate und mehr mit Live-Slidern und einer Vorschau an und kopieren Sie dann den produktionsfertigen CSS-Filtercode.
CSS-Glassmorphism-Generator
Erstellen Sie eine Frostglas-Benutzeroberfläche mit einer Live-Vorschau und Schiebern für Hintergrundunschärfe, Transparenz, Sättigung, Farbe und Radius - und kopieren Sie dann produktionsfähiges CSS.
CSS-Neumorphismus-Generator
Erstellen Sie Soft-UI-Elemente (neumorphe Elemente) mit einer Live-Vorschau und Steuerelementen für Entfernung, Unschärfe, Intensität, Radius, Oberflächenfarbe und flache/konkave/konvexe/gepresste Formen - kopieren Sie dann das CSS.
Flexbox-generator
Erstellen Sie CSS-Flexbox-Layouts visuell. Passen Sie den Rechtfertigungsinhalt, die Ausrichtungselemente, die Richtung, den Umschlag und die Lücke mit einer Live-Vorschau an und kopieren Sie dann das generierte CSS - alles in Ihrem Browser.
CSS-Grid-Generator
CSS Grid Layouts visuell erstellen Spalten, Zeilen, Spurgrößen, Lücken und Ausrichtung mit einer Live-Vorschau festlegen, dann das generierte Grid CSS kopieren - alles in Ihrem Browser.
CSS-Transformationsgenerator
Erstellen Sie eine CSS-Transformation aus der Translate, Drehen, Skalieren, Schräg - und 3 D-Perspektive mit Live-Sliders und einer Vorschau, dann kopieren Sie produktionsfertigen Code.
CSS-Übergangsgenerator
Erstellen Sie einen CSS-Übergang von Eigenschaft, Dauer, Zeitfunktion und Verzögerung mit einer Live-Hover-Vorschau, dann kopieren Sie produktionsfähigen Code Unterstützt mehrere Ebenen.
CSS-Animationsgenerator
Erstellen Sie CSS-Keyframe-Animationen aus Voreinstellungen wie Fade, Slide, Bounce und Spin. Passen Sie Dauer, Lockerung, Verzögerung, Iteration und Richtung an, geben Sie eine Live-Vorschau ab und kopieren Sie dann die Keyframes und die Animationskurzschrift.
CSS-Box-Schattengenerator
Gestalten Sie geschichtete CSS-Box-Schatten mit einer Live-Vorschau und Schiebern für Offset, Unschärfe, Spreizung, Farbe, Deckkraft und Einschub - und kopieren Sie dann produktionsbereites CSS.
CSS-Einheitskonverter
Konvertieren Sie zwischen CSS-Einheiten - px, rem, em, pt und % - mit einer konfigurierbaren Stammschriftgröße, sofortiger All-Units-Ausgabe und einer px-to-rem-Referenztabelle für reaktionsfähige Typografie.
CSS-Klemmgenerator
Erzeugen Sie flüssige, reaktionsfähige CSS-Klemmwerte (), die zwischen Ansichtsfenstern skaliert werden