Effekte
Effekte für Blöcke
Einblenden beim Scrollen, Hover-Effekte, Hintergrund-Effekte und mehr.
Effekte bringen Bewegung auf die Website: Blöcke blenden beim Scrollen ein, Bilder zoomen beim Überfahren mit der Maus, Hintergründe bewegen sich. Im Editor stehen sie in der Seitenleiste unter Einstellungen im aufklappbaren Bereich Effekte.

Die Kategorien
Effekte sind in Kategorien sortiert. Welche erscheinen, hängt vom gewählten Block ab:
| Kategorie | Beispiele | Bei |
|---|---|---|
| Einblenden beim Scrollen | Von unten einblenden, Von links einblenden, Heranzoomen, Aus der Unschärfe | allen Blöcken |
| Beim Scrollen | Parallax, Wächst beim Scrollen, Waagerecht durchscrollen | Sektionen, Boxen, Bildern … |
| Text-Effekt | Wort für Wort, Schreibmaschine, Markierung zeichnen | Überschrift, Text |
| Hover-Effekt | Anheben, Vergrößern, 3D-Neigen zur Maus | Box, Bild, Button |
| Button beim Überfahren | Icon rückt nach, Füllung von links, Text klappt um | Buttons |
| Hintergrund-Effekt | Aurora, Punkte, Linien, Glas, Körnung | Sektion, Box |
Nach der Wahl erscheinen oft Zusatz-Einstellungen, etwa die Dauer oder Verzögerung beim Einblenden. Bei Anordnungen wie Spalten oder Karten-Raster kannst du die enthaltenen Blöcke nacheinander einblenden lassen.
Effekte ansehen
Im Editor laufen Effekte nicht, damit du ungestört arbeiten kannst. Um sie zu sehen, öffne die Vorschau der Seite oder die veröffentlichte Seite.
Besucher, die in ihrem Betriebssystem „Bewegung reduzieren“ eingestellt haben, sehen die Inhalte ohne Bewegung.
Effekte verwalten
Unter Gestaltung → Effekte wird festgelegt, welche Effekte in welcher Kategorie stehen und bei welchen Blöcken die Kategorien erscheinen. Jeder Eintrag hat dort eine
Vorschau, die zeigt, wie der Effekt wirkt und was der Redakteur sieht. Dieser Bereich ist für technisch versierte Benutzer gedacht und für Designer meist nicht freigeschaltet – siehe Bereich für Administratoren.
Setze Effekte sparsam ein. Ein einheitlicher Einblende-Effekt für die ganze Seite wirkt ruhiger als viele verschiedene.
