### [Comment ajouter des effets d’animation aux transitions de sauts de page](https://wpforms.com/developers/how-to-add-animation-effects-to-page-break-transitions/) **Publié :** 25 mai 2021 **Auteur :** Équipe éditoriale **Extrait :** Ce tutoriel vous montrera comment utiliser un petit script et quelques CSS pour ajouter des effets d’animation sympas à vos pages lors des transitions de sauts de page. **Contenu :** ## Introduction Souhaitez-vous ajouter des effets d’animation à vos sauts de page dans vos formulaires ? Par défaut, il n’y a pas d’animation lorsque vous passez d’une page à une autre dans un formulaire multipage. Cependant, en utilisant JavaScript et quelques CSS, vous pouvez ajouter une petite animation lorsque vous passez de la page suivante à la page précédente et vice versa. ## Création de votre formulaire Tout d’abord, vous devrez créer votre formulaire multipage. Si vous avez besoin d’aide pour créer ce type de formulaire, [veuillez consulter cette documentation](https://wpforms.com/how-to-create-a-multi-part-form-in-wordpress/ "Comment créer un formulaire multipage dans WordPress (avec un plugin)").  ## Ajout du snippet JavaScript Il est maintenant temps d’ajouter le snippet. Si vous avez besoin d’aide sur comment et où ajouter des snippets à votre site, [veuillez consulter ce tutoriel](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Comment ajouter du PHP ou du JavaScript personnalisé pour WPForms"). ``` /** * Ajouter une classe CSS pour déclencher l’animation CSS lors des clics sur les boutons Suivant et Précédent * * @link https://wpforms.com/developers/how-to-add-animation-effects-to-page-break-transitions/ */ function wpf_dev_animation_page_break( ) { ?> **Catégories :** Tutoriels **Tags :** CSS, Javascript, JS ---