Eine Auswahl dezenter Bewegungen — alles ruhig und in Weiß/Grau gehalten. Farbe kommt nur aus
Logo und Fotos, nichts blinkt und nichts wackelt dauerhaft.
So geht's
Beim Durchscrollen spielt jede Animation einmal von selbst.
Mit „▶" auf jeder Karte beliebig wiederholen; Hover- und Klick-Effekte einfach ausprobieren.
Jede Animation hat eine Nummer. Schreib mir einfach, welche du haben möchtest —
z. B. 1, 4, 9, 15.
A
Beim Öffnen der Seite
einmalig · ~0,8 s · ganz am Anfang
01
Logo blendet sanft ein
Das Logo erscheint weich und steigt minimal nach oben. Ruhiger Auftakt, nutzt die vorhandenen
logo_animation-Stufen.
fade + leichter Lift
02
Farbe „läuft ins Logo ein"
Start in Grau, die bunte Schrift wischt einmal von links herein. Setzt die einzige Farbe der
Seite bewusst in Szene.
Farb-Wipe · einmalig
03
Navigation gleitet von oben herein
Die Menüpunkte setzen sich kurz nacheinander von oben. Gibt der Kopfzeile beim Laden einen
aufgeräumten Auftritt.
Stagger 70 ms
B
Beim Scrollen
einmal je Block · beim Erscheinen
Herzlich Willkommen
04
Inhalte gleiten sanft herein
Text- und Bildblöcke blenden beim Hineinscrollen ein und steigen ein paar Pixel nach oben.
Das ruhige Grund-Pattern der Seite.
fade + 16 px
05
Karten erscheinen nacheinander
Mehrere Boxen (z. B. Leistungen oder Preise) setzen sich versetzt — wirkt geordnet statt
„alles auf einmal".
Stagger 100 ms
06
Foto-Reveal mit weichem Wisch
Bilder werden beim Erscheinen kurz „aufgedeckt" und zoomen minimal aus. Edel und ruhig —
ohne harte Kante.
Clip-Wipe + Zoom-out
C
Galerie & Fotos
auf Hover / Tipp · reagiert auf den Nutzer
07
Galerie-Foto mit sanftem Hover-Zoom
Beim Überfahren zoomt das Bild ganz leicht — das Foto bleibt im Rahmen, nichts springt.
Mobil per Antippen.
Maus drüber halten →
Sommerfest · Live-Sound
08
Bild-Titel blendet beim Hover ein
Eine kurze Beschriftung fährt von unten herein. Praktisch für Galerie und Fotoservice —
ohne die Fotos zu überladen.
Maus drüber halten →
D
Slider & Bühnenfotos
automatisch · sehr langsam
09
Slider: weiches Überblenden statt hartem Schnitt
Die Bühnenfotos blenden sanft ineinander über (Cross-Fade). Deutlich ruhiger und hochwertiger
als ein hartes Umschalten.
Cross-Fade ~1,1 släuft automatisch
10
Ken-Burns: kaum merklicher Foto-Zoom
optional
Während ein Foto steht, zoomt es ganz langsam. Bringt minimal Leben rein — nur einsetzen,
wenn es nicht zu „lebhaft" wirkt.
16 s · sehr dezentläuft automatisch
E
Knöpfe & kleine Reaktionen
auf Hover · sofortiges Feedback
11
Button hebt sich beim Hover
Knöpfe heben sich leicht an, Schatten wird weicher und tiefer. Klar spürbar, ohne laut zu sein.
Der Hamburger wird weich zum „X", die Punkte fahren kurz nacheinander ein. Direkt am
aktuellen Handy-Menü orientiert.
antippen →
turbo-disco
16
Kopfzeile schrumpft beim Scrollen
Sobald man scrollt, wird der Header kompakter und bekommt einen feinen Schatten. Mehr Platz
fürs Wesentliche, bleibt aber immer erreichbar.
groß ↔ kompakt
… nach etwas Scrollen
↑
17
„Nach oben"-Knopf blendet ein
Erst nach etwas Scrollen taucht unten rechts ein dezenter Pfeil auf. Praktisch auf langen
Seiten, sonst unsichtbar.
fade-in
Willkommen
Leistungen
Kontakt
18
Sanfter Seitenwechsel statt hartem Sprung
Beim Wechsel zwischen Menüpunkten blendet der Inhalt kurz über. Die ganze Seite fühlt sich
ruhiger und „aus einem Guss" an.
Tab antippen →
G
Detail & Feedback
kleine Helfer · auf Interaktion
×
19
Galerie-Foto öffnet sanft (Lightbox)
Klick auf ein Galerie-Bild öffnet es weich in groß — auf abgedunkeltem Hintergrund, statt hart
umzuschalten. Schließen mit „×". Passt zu Galerie und Fotoservice.
Foto antippen →
Was kostet ein Abend? +
Pauschal nach Aufwand — gern auf Anfrage ein Festpreis.
Auch Hochzeiten? +
Ja, von der Trauung bis zur Party — alles aus einer Hand.
20
Preise / FAQ klappen weich auf
Antworten gleiten beim Antippen sanft heraus, das Plus dreht sich zum „×". Hält lange Listen
kurz und übersichtlich.
Zeile antippen →
0
Jahre Party-Erfahrung
21
Zahlen zählen sanft hoch
Eckdaten wie „25 Jahre" oder Event-Zahlen laufen beim Erscheinen kurz hoch. Setzt
Erfahrung dezent in Szene — einmalig, dann steht's.
Count-up ~1,4 s
22
Fotos laden mit weichem Schärfen
Bilder erscheinen erst unscharf und werden dann scharf — statt hart aufzupoppen. Wirkt edel,
auch bei langsamer Verbindung.
