### [Cómo agregar efectos de animación a las transiciones de saltos de página](https://wpforms.com/developers/how-to-add-animation-effects-to-page-break-transitions/)
**Publicado:** 25 de mayo de 2021
**Autor:** Equipo Editorial
**Extracto:** Este tutorial te mostrará cómo usar un pequeño script y algo de CSS para agregar efectos de animación geniales a tus páginas en un formulario de varias páginas.
**Contenido:**
## Introducción
¿Te gustaría agregar algunos efectos de animación a tus saltos de página dentro de tus formularios? Por defecto, no hay animación cuando pasas de una página a otra en un formulario de varias páginas. Sin embargo, usando JavaScript y algo de CSS puedes agregar una pequeña animación al pasar de la página siguiente a la página anterior y viceversa.
## Creando tu formulario
Primero, necesitarás crear tu formulario de varias páginas. Si necesitas ayuda para crear este tipo de formulario, [por favor revisa esta documentación](https://wpforms.com/how-to-create-a-multi-part-form-in-wordpress/ "Cómo crear un formulario de varias partes en WordPress (con un plugin)").
## Agregando el fragmento de JavaScript
Ahora es el momento de agregar el fragmento.
Si necesitas ayuda sobre cómo y dónde agregar fragmentos a tu sitio, [por favor consulta este tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Cómo agregar PHP o JavaScript personalizado para WPForms").
```
/**
* Agrega una clase CSS para activar la animación CSS al hacer clic en los botones Siguiente y Anterior
*
* @link https://wpforms.com/developers/how-to-add-animation-effects-to-page-break-transitions/
*/
function wpf_dev_animation_page_break( ) {
?>
**Categorías:** Tutoriales
**Etiquetas:** CSS, Javascript, JS
---