Utiliza Refokus Page Transitions para crear transiciones de página personalizadas que mejoren la navegación de tu sitio web y la experiencia del usuario, creando una continuidad visual entre las páginas.
[.c-title-3-primary]¿Cómo añadir transiciones de página en Webflow?[.c-title-3-primary]
Utilice Refokus Transiciones de paginas para crear transiciones de página personalizadas para mejorar la navegación de su sitio web y la experiencia del usuario, creando una continuidad visual entre las páginas.
Paso 1
Copiar el
Page Transitions
<script> and paste it before the </body> of your page
Crea un botón (con display: none) y adjunta la interacción para salir de la página al clic de ese elemento y añade el Atributo Personalizado al elemento botón.
Para crear un retardo, de manera que al salir de la página, el cambio de página se retrase, para que el usuario vea la animación de 'Salida', es necesario añadir un Atributo Personalizado con el valor como el tiempo en milisegundos (Por ejemplo: 800 es 0,8 segundos).
Puede determinar en qué dispositivos se mostrará la transición. Para ello, añada un atributo personalizado y defina los dispositivos permitidos añadiendo escritorio, tableta y móvil (separados por una coma).