### [So fügen Sie Animationseffekte zu Seitenumbruchübergängen hinzu](https://wpforms.com/developers/how-to-add-animation-effects-to-page-break-transitions/) **Veröffentlicht:** 25. Mai 2021 **Autor:** Redaktionsteam **Auszug:** Diese Anleitung zeigt Ihnen, wie Sie mit einem kleinen Skript und etwas CSS coole Animationseffekte zu Ihren Seiten in einem mehrseitigen Formular hinzufügen können. **Inhalt:** ## Einleitung Möchten Sie Ihren Seitenumbrüchen in Ihren Formularen Animationseffekte hinzufügen? Standardmäßig gibt es keine Animation, wenn Sie von einer Seite zur nächsten auf einem mehrseitigen Formular wechseln. Mit JavaScript und etwas CSS können Sie jedoch eine kleine Animation hinzufügen, wenn Sie von der nächsten zur vorherigen Seite und zurück wechseln. ## Erstellen Ihres Formulars Zuerst müssen Sie Ihr mehrseitiges Formular erstellen. Wenn Sie Hilfe beim Erstellen dieser Art von Formular benötigen, [lesen Sie bitte diese Dokumentation](https://wpforms.com/how-to-create-a-multi-part-form-in-wordpress/ "So erstellen Sie ein mehrstufiges Formular in WordPress (mit einem Plugin)").  ## Hinzufügen des JavaScript-Snippets Jetzt ist es an der Zeit, das Snippet hinzuzufügen. Wenn Sie Hilfe benötigen, wie und wo Sie Snippets zu Ihrer Website hinzufügen können, [lesen Sie bitte diese Anleitung](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "So fügen Sie benutzerdefiniertes PHP oder JavaScript für WPForms hinzu"). ``` /** * CSS-Klasse hinzufügen, um CSS-Animationen bei Klicks auf die Schaltflächen "Weiter" und "Zurück" auszulösen * * @link https://wpforms.com/developers/how-to-add-animation-effects-to-page-break-transitions/ */ function wpf_dev_animation_page_break( ) { ?> **Kategorien:** Tutorials **Schlagwörter:** CSS, Javascript, JS ---