Customize

Der Reiter Anpassen hilft dir dabei, deine Benachrichtigung hervorzuheben – und dabei trotzdem professionell zu bleiben!
In diesem Abschnitt kannst du jedes kleinste Detail deinem Stil anpassen, ganz egal ob du einen eleganten, seriösen Look oder einen verspielten, ausgefallenen Stil verfolgst.

Farben für Benachrichtigungstitel, Beschreibung, Hintergrund und Schließen-Button

• Titelfarbe: Wähle einen Farbton, der deine Benachrichtigungsüberschrift zum Strahlen bringt. Mut zur Farbe – oder gar nicht!

• Beschreibungsfarbe: Lesbar, aber mit Stil. Der richtige Kontrast macht den Unterschied!

• Hintergrundfarbe: Schaffe die Bühne – entscheide dich für eine kräftige Farbe oder Transparenz für einen modernen Look.

• Farbe des Schließen-Buttons: Denn selbst das „X“ soll Eindruck machen.

Hintergrundmuster

Dir ist ein einfarbiger Hintergrund zu langweilig? Dann peppe ihn mit einem dieser schicken Designs auf!

Du kannst deinen Hintergrund frei wählen – von „Kein Hintergrund“ (für einen klaren, minimalistischen Look) bis hin zu geometrischen, verspielten oder dezent strukturierten Varianten.

Pro Tipp: Kombiniere einen transparenten Hintergrund mit einem Muster für einen stylischen, mehrschichtigen Effekt!

Passe deine Benachrichtigung noch weiter an:

• Innenabstand: Mehr Luft für Text = eleganter Look

• Hintergrund-Unschärfe: Frostglas-Effekt – nur mit transparentem Hintergrund

Eigenes CSS (für die Code-Krieger)
Du kennst dich mit CSS aus? Dann tobe dich mit deinen eigenen Anpassungen aus!

Beispiel: /notification_1 { font-weight: bold !important; }

Übersetzung: “Mach meinen Text FETTER, denn Zurückhaltung ist überbewertet.”

Borders

Rahmen verleihen deinen Benachrichtigungen den perfekten letzten Schliff! Egal, ob du auf eleganten Minimalismus oder auffällige Tiefe setzt – wir haben die passenden Werkzeuge, um genau den Look zu erreichen, den du willst.

Schatten

Verleih deinen Benachrichtigungen wortwörtlich mehr Tiefe – mit diesen Schattenoptionen:

None: Flach und modern. Perfekt für cleane Designs.

Subtle: Ein Hauch von Tiefe – professionell, aber dezent.

Feather: Weich und diffus, wie eine Wolke, die deine Benachrichtigung sanft anhebt.

Simple 3D: Für den flachen, minimalistischen 3D-Look.

Layered: Für einen markanten Look, der garantiert Aufmerksamkeit erzeugt.

Pro Tipp: Kombiniere mit einem farbigen Schatten, der zu deiner Marke oder Stimmung passt!

Zeit, die Kanten zu definieren! Passe jedes Detail individuell an:

• Rahmenbreite: Dünn und elegant? Dick und auffällig? Deine Entscheidung.

• Rahmenfarbe: Passend zu deinem Farbschema – oder im Kontrast für einen starken Akzent.

• Rahmenradius:

• Gerade: Scharfe Ecken für einen klaren, sachlichen Look.

• Rund: Leicht abgerundet – freundlich, aber professionell.

• Abgerundet: Weich und gepolstert – ideal für verspielte Designs.

• Stark abgerundet: Fast wie eine Blase. Einfach niedlich!

Pro Tipp: Kombiniere Schatten + Rahmenradius für einen modernen „schwebenden“ Effekt – oder wähle keinen Schatten + gerade Kanten für minimalistische Eleganz.

Animationen

Animationen erwecken deine Benachrichtigungen zum Leben! Ob elegante Übergänge oder verspielte Effekte – wir haben alles, was du brauchst, damit deine Hinweise sich stilvoll bewegen.

Hover-Animation:
Wähle aus, wie deine Benachrichtigung ruft: “Schau mich an!“

• Schnell vergrößern

• Langsam vergrößern

• Schnell verkleinern

• Langsam verkleinern

Ein- und Ausblendeffekte

Eingangsanimation

• Einblenden: Sanft und stilvoll – wie ein Sonnenaufgang.

• Animation: Weitere Optionen folgen bald! (Mach dich bereit für Slide-, Bounce- und Spin-Effekte.)

• Keine: Direkt zur Sache. Ohne Schnickschnack.

Ausgangsanimation

• Ausblenden: Ein eleganter Abschied – kein dramatischer Abgang.

• Sekunden: Bestimme, wie lange die Nachricht bleibt, bevor sie verschwindet. Poof!

• Animationsintervall: Der Sweet Spot zwischen „zu schnell“ und „zu lang“. Standardwert: 3 Sekunden.

Pro Tipp:

• Kombiniere Einblenden + Ausblenden für butterweiche Übergänge.

• Nutze Hover-Animationen für interaktive Elemente (z. B. Buttons oder Links).

• Wähle kurze Intervalle für dringende Meldungen und längere für entspannte Updates.