> ## Documentation Index > Fetch the complete documentation index at: https://docs.scanova.io/llms.txt > Use this file to discover all available pages before exploring further. # Animierte Effekte > Animationseffekte für Hintergrund, Karten und Buttons. Animierte Effekte fügen Ihrer Landingpage Bewegungsüberlagerungen hinzu – Partikel, die über den Hintergrund schweben, ein Lichtstrahl, der um den Rand einer Karte wandert, oder ein Glühen, das um einen Button pulsiert. Effekte sind rein visuell: Sie werden mit `pointer-events: none` gerendert und blockieren daher niemals Tipp- oder Klickvorgänge auf den darunterliegenden Inhalten. ## Wo Effekte erscheinen | Ziel | Was es abdeckt | Einstellbar über | | --------------- | -------------------------------------------- | -------------------------------------------------------------------------------------------------------- | | **Hintergrund** | Die gesamte Seite, hinter allen Blöcken | Header **Theme** → **Anpassen** → **Effekte** | | **Karte** | Die Oberfläche eines einzelnen Inhaltsblocks | **Anpassen** → **Effekte** (alle Karten) ODER der eigene Design-Tab des Blocks → **Effekte** (ein Block) | | **Button** | Ein einzelner Button-Block | **Anpassen** → **Effekte** (alle Buttons) ODER der eigene Design-Tab des Buttons → **Effekte** | ## Einen globalen Effekt festlegen Ein globaler Effekt gilt für alle Karten oder Buttons der Seite gleichzeitig (Hintergrundeffekte sind immer global – es gibt nur einen Hintergrund). Klicken Sie bei geöffneter Seite im Builder im Header auf **Theme**. Klicken Sie auf der aktuell angewendeten Theme-Karte auf **Anpassen**. Dadurch öffnet sich das Panel **Anpassen · Global** in der rechten Sidebar. Scrollen Sie nach unten und klicken Sie auf **Effekte**, um ihn auszuklappen. Sie sehen drei Dropdowns: **Hintergrundeffekt**, **Karteneffekt** und **Button-Effekt**. Öffnen Sie ein Dropdown und wählen Sie einen benannten Effekt. Die Canvas-Vorschau aktualisiert sich sofort, in voller visueller Intensität – genau so, wie Besucher es sehen werden. Abschnitt Effekte im Anpassen-Panel mit Hintergrundeffekt auf Meteor Shower gesetzt, mit diagonalen Streifen sichtbar in der Canvas-Vorschau hinter dem Seitentitel-Block Effekte werden in der Canvas und auf der veröffentlichten Seite identisch gerendert, es ist also nichts weiter zu konfigurieren – veröffentlichen Sie einfach, sobald Sie bereit sind. Um einen globalen Effekt zu entfernen, öffnen Sie dasselbe Dropdown und wählen Sie **Keiner (deaktiviert)**. Geöffnetes Dropdown Hintergrundeffekt mit den Einträgen Voreinstellungsstandard, Keiner (deaktiviert), Meteor Shower, Particles und Animated Gradient ## Den Effekt für einen einzelnen Block überschreiben Jeder einzelne Karten- oder Button-Block kann einen anderen Effekt als die globale Einstellung verwenden oder Effekte vollständig deaktivieren, ohne die globale Einstellung für andere Blöcke zu ändern. Klicken Sie auf den Block in der Canvas, oder wählen Sie ihn aus der Liste **Blöcke** links. Klicken Sie im rechten Inspektor auf **Design**. Öffnen Sie unter der Überschrift **Effekte** das Effekt-Dropdown (je nach Blocktyp mit **Karteneffekt** oder **Button-Effekt** beschriftet) und wählen Sie: * **Theme-Standard** – übernimmt die jeweilige globale Einstellung. Dies ist der Standard für jeden Block. * **Keiner (deaktiviert)** – schaltet Effekte nur für diesen Block aus, selbst wenn die globale Einstellung einen Effekt anwendet. * Ein beliebiger benannter Effekt – überschreibt die globale Einstellung und verwendet diesen Effekt nur für diesen Block. Abschnitt Effekte im Design-Tab eines Blocks mit geöffnetem Karteneffekt-Dropdown, mit den Optionen Theme-Standard, Keiner (deaktiviert), Border Beam, Shine Border und Neon Glow Dies ist nützlich, wenn die meisten Karten einer Seite einen Effekt haben sollen, aber eine – zum Beispiel ein Formular oder ein Haftungsausschluss – statisch und gut lesbar bleiben soll. ## Verfügbare Effekte ### Hintergrundeffekte | Effekt | Beschreibung | | ----------------- | ------------------------------------------------------------------------------------ | | Meteor Shower | Diagonale Streifen, die über die Seite schießen | | Particles | Schwebende Punkte, die langsam über den Hintergrund driften | | Animated Gradient | Ein sanft wechselnder Farbverlauf, der im Laufe der Zeit zwischen Farben überblendet | ### Karteneffekte | Effekt | Beschreibung | | ------------ | ----------------------------------------------------------------- | | Border Beam | Ein Lichtstrahl, der kontinuierlich um den Rand der Karte wandert | | Shine Border | Ein sanftes Glänzen, das entlang des Kartenrands gleitet | | Neon Glow | Ein leuchtender Umriss, der um die Karte pulsiert | Geöffnetes Dropdown Karteneffekt mit den Einträgen Voreinstellungsstandard, Keiner (deaktiviert), Border Beam, Shine Border und Neon Glow ### Button-Effekte | Effekt | Beschreibung | | ------------ | ------------------------------------------------------------------- | | Border Beam | Ein Lichtstrahl, der kontinuierlich um den Rand des Buttons wandert | | Shine Border | Ein sanftes Glänzen, das entlang des Button-Rands gleitet | | Neon Glow | Ein leuchtender Umriss, der um den Button pulsiert | Geöffnetes Dropdown Button-Effekt mit den Einträgen Voreinstellungsstandard, Keiner (deaktiviert), Border Beam, Shine Border und Neon Glow Im globalen Anpassen-Panel sind die Dropdowns standardmäßig auf **Voreinstellungsstandard** gesetzt (den Effekt, mit dem Ihr aktives Theme ausgeliefert wird) statt auf **Theme-Standard** – diese Bezeichnung ist blockspezifischen Überschreibungen vorbehalten, wo sie „die globale Einstellung übernehmen“ bedeutet. Funktional schaltet die Wahl von **Keiner (deaktiviert)** Effekte für ihren jeweiligen Geltungsbereich immer aus. ## Canvas-Vorschau vs. veröffentlichte Seite Effekte werden sowohl im Canvas-Builder als auch auf der veröffentlichten Landingpage in voller visueller Intensität gerendert – was Sie beim Bearbeiten sehen, ist das, was Besucher sehen. Es ist kein separater „Vorschaumodus“ nötig, um zu prüfen, wie ein Effekt aussieht. ## Hinweise zur Leistung Effekte sind leichtgewichtig und werden clientseitig gerendert, ohne einen externen Dienst aufzurufen. Sie laufen vollständig im Browser und haben minimale Auswirkungen auf die Ladezeit der Seite. ## Weiterführende Themen * [Themes](/de/page-builder/themes) – theme-weite Standardeffekte im Abschnitt Effekte des Anpassen-Panels festlegen. * [Designoptionen](/de/page-builder/design-options) – die blockspezifische Gruppe Effekte, die die globale Einstellung überschreibt. * [Blockreferenz](/de/page-builder/blocks-reference) – die Blöcke, die einen Karten- oder Button-Effekt tragen.