Wissensdatenbank

Page Builder Sandwich Animationen und Interaktionen

Fügen Sie Eingangs- und Scroll-Animationen, Hover-Effekte, fixierte Blöcke, Parallaxe- und Cursor-Folgeeffekte hinzu, die Einstellungen für reduzierte Bewegung respektieren.

Page Builder Sandwich Pro fügt jedem Stil-Tab eines Blocks einen Motion-Bereich hinzu. Jede Einstellung kann sich wie jeder andere Stil je nach Breakpoint unterscheiden.

Eingangs- und Scroll-Animationen

  • Eingangs-Animation: Einblenden, von oben oder unten einblenden, von der Start- oder Endseite, hinein- oder herauszoomen oder nach oben klappen, wird einmal abgespielt, wenn der Block in den Sichtbereich scrollt. Legen Sie deren Dauer und Verzögerung in Millisekunden fest.
  • Beim Scrollen: Einblenden, Aufsteigen, Vergrößern oder Begradigen, während der Block in den Sichtbereich scrollt, gesteuert durch die Scroll-Position (in Browsern, die scrollgesteuerte Animationen unterstützen; andernfalls wird der Block einfach angezeigt).

Interaktionen

  • Bei Hover: Anheben, Vergrößern, Verkleinern, Schatten, Neigen oder Leuchten, auch beim Fokus über die Tastatur.
  • Im Sichtbereich bleiben: Der Block bleibt in einem bestimmten Abstand zum oberen Bildschirmrand fixiert, während sein Abschnitt scrollt.
  • Parallaxe-Geschwindigkeit: von -10 (gegen das Scrollen) bis 10 (mit dem Scrollen).
  • Dem Zeiger folgen: Der Block neigt sich zum Mauszeiger hin.

Reduzierte Bewegung, wird immer respektiert

Besucher, die auf ihrem Gerät reduzierte Bewegung anfordern, sehen keine Animation, Parallaxe oder Bewegung: Inhalte werden einfach angezeigt. Ohne JavaScript wird nichts ausgeblendet. Eine Seite, die keine Bewegungseinstellung verwendet, lädt keinen Bewegungscode.

Neueste Beiträge aus dem Blog

Worüber wir über Hosting, SEO und das Betreiben von Websites im großen Stil geschrieben haben.

SEO und Linkbuilding aus der Hosting-Ebene: Die Sicht eines Betreibers für 2026

Wie Hosting die Indexierung und Link-Equity im Jahr 2026 beeinflusst: Seiten im Index halten, alte Domains vor dem Aufbau von Projekten prüfen, Linkaufbau ohne digitalen Fußabdruck und eine ehrliche Einschätzung darüber, was Infrastruktur für SEO leisten kann und was nicht.

Beitrag lesen →

WordPress schnell and sicher machen: Eine Checkliste für Leistung und Plugins

Eine praktische Checkliste für schnelles, sicheres WordPress: Server-Caching, ein objektspezifischer Cache pro Site, die wenigen Plugins, die sich lohnen, das Aktualisieren des Stacks und die WooCommerce-Seiten, die Sie niemals cachen dürfen.

Beitrag lesen →

So wählen Sie 2026 das richtige Managed Webhosting aus: Ein Einkäufer-Leitfaden

Was gutes Managed Hosting wirklich von einem billigen Server mit Control Panel unterscheidet – Migrationen, Backups, Isolierung, echtes Caching und ehrliches Scaling – und woran Sie das erkennen, bevor Sie sich festlegen.

Beitrag lesen →

Den Blog lesen →

Immer noch nicht weiter?

Der Support ist in jedem Tarif enthalten, das Team ist 24 Stunden am Tag für Sie da und Sie können uns in jeder unserer 58 Sprachen schreiben – wir antworten Ihnen in Ihrer Sprache.

Support kontaktieren → Alle Artikel →