Zurück zu den Tools

CSS Shadow Generator

Design box-shadow CSS with live preview and presets

100% KostenlosLäuft im BrowserOhne Anmeldung

Uber dieses Tool

Erstellen Sie den perfekten CSS-Box-Shadow mit einem visuellen Editor. Starten Sie mit Material Design-, Soft UI- oder Neumorphismus-Vorlagen oder erstellen Sie Ihren eigenen von Grund auf. Stapeln Sie mehrere Schattenebenen, passen Sie Versatz, Unschärfe, Ausdehnung und Farbe an und sehen Sie Änderungen in Echtzeit. Kopieren Sie das CSS mit einem Klick für aukimi Inkwell-Mockups oder Live-Websites. Teil von aukimi Inkwell.

Funktionen

  • Material-, Soft UI- und benutzerdefinierte Vorlagen
  • Mehrere Schattenebenen
  • Einstellbarer Versatz, Unschärfe, Ausdehnung und Farbe
  • Live-Vorschau auf anpassbaren Formen
  • CSS mit einem Klick kopieren

Anwendungsfalle

Karten- und Panel-SchattenstileNeumorphismus-UI-DesignPrototyping von Höhensystemen

Dieses Tool teilen

Hilf anderen, es zu entdecken

Erstellen Sie ein kostenloses Konto, um Wasserzeichen zu entfernen

Speichern Sie Ihre Arbeit, greifen Sie auf die komplette Creative Suite zu und exportieren Sie ohne Wasserzeichen.

Sign Up Free

Mehr Leistung gewünscht?

Probieren Sie aukimi Inkwell

Professionelle Bitmap-Bearbeitung mit Ebenen, Masken, Filtern und voller Tablet-Unterstützung.

Häufig gestellte Fragen

Ist CSS Shadow Generator wirklich kostenlos?

Ja, 100 % kostenlos ohne versteckte Gebühren. Sie können es so oft nutzen, wie Sie möchten, direkt in Ihrem Browser.

Muss ich ein Konto erstellen?

Kein Konto erforderlich. Ein kostenloses aukimi-Konto entfernt jedoch Wasserzeichen und ermöglicht das Speichern Ihrer Arbeit.

Sind meine Daten sicher?

Ja. Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser. Ihre Dateien werden nie auf unsere Server hochgeladen.

Kann ich die Ergebnisse für kommerzielle Projekte verwenden?

Absolut. Alles, was Sie mit unseren kostenlosen Tools erstellen, gehört Ihnen – auch für kommerzielle Zwecke.