Toolipedia Einbetten
DE
← Alle Text-Tools

Neumorphism-Generator

Erstellen Sie weiche, plastisch wirkende Buttons und Karten (Soft UI) und kopieren Sie das CSS.

  • Kostenlos
  • Ohne Anmeldung
  • Funktioniert auf jedem Gerät

Über Neumorphism-Generator

Neumorphismus, auch Soft UI genannt, lässt Buttons und Karten mithilfe zweier Schatten, eines hellen und eines dunklen, sanft aus der Seite herausragen oder in sie hineingedrückt erscheinen. Passen Sie Größe, Abstand, Unschärfe und Form an und kopieren Sie das CSS. Am besten funktioniert es auf Hintergründen mit mittleren Tönen, auf denen die passenden Schatten sichtbar bleiben.

So verwenden Sie Neumorphism-Generator

  1. Wähle eine Grundfarbe für den Hintergrund und das Element.
  2. Passe Abstand, Unschärfe und Intensität an, bis der weiche erhabene oder gedrückte Look erscheint.
  3. Kopiere den CSS-box-shadow-Code in dein Projekt.

Warum dieses Tool?

Auch bekannt als

Häufig gestellte Fragen

Ist Neumorphismus gut für die Barrierefreiheit?

Oft nicht. Der geringe Kontrast zwischen Element und Hintergrund macht Kanten schwer erkennbar. Fügen Sie bei wichtigen Buttons klaren Text, Rahmen oder Farbe hinzu, damit auch Menschen mit eingeschränktem Sehvermögen sie finden.

Warum verschwindet meine neumorphe Schaltfläche auf einer weißen Seite?

Der Effekt beruht auf zwei Schatten auf einer mittelhellen Fläche. Auf reinem Weiß kann der helle Schatten nicht erscheinen. Nutze einen leicht getönten Hintergrund, damit beide Schatten sichtbar sind.

Wie mache ich eine gedrückte oder eingelassene Schaltfläche?

Stelle die Form auf eingelassen oder gedrückt, falls das Tool es anbietet, wodurch die Schatten ins Innere des Elements gedreht werden. Nutze diesen Stil für den aktiven Zustand einer Schaltfläche.

Ist Neumorphism-Generator kostenlos?

Ja. Neumorphism-Generator auf Toolipedia ist kostenlos nutzbar, ohne Anmeldung und ohne Wasserzeichen.

Ist die Nutzung sicher?

Ja. Alles wird in Ihrem Browser berechnet, und nichts von Ihren Eingaben wird an unseren Server gesendet.

Funktioniert es auf meinem Smartphone?

Ja. Es funktioniert in jedem modernen Browser auf Android und iPhone sowie auf Tablets und Computern. Sie müssen nichts installieren.

Brauche ich ein Konto?

Nein. Öffnen Sie einfach die Seite und nutzen Sie das Tool. Keine Anmeldung, keine E-Mail-Adresse nötig.

Kann ich Neumorphism-Generator auf meiner eigenen Website einsetzen?

Ja. Nutze unter dem Tool die Schaltfläche „Auf deiner Website einbetten“, um ein kurzes Stück Code zu kopieren und in deine Seite einzufügen. Es ist kostenlos, braucht kein Konto, und das Tool funktioniert weiter innerhalb deiner Seite.

Ähnliche Tools