Page Transitions

¡Hola! 👋

¡Gracias! Hemos recibido tu solicitud.
Ups! Algo salió mal al enviar el formulario.
Interacciones
CMS
Boosters

Page Transitions

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

Copiar el código de la secuencia de comandos
<script
src=
"
https://tools.refokus.com/page-transition/bundle.v1.0.0.js
"
></script>
<script src="https://tools.refokus.com/page-transition/bundle.v1.0.0.js"></script>
Copiar texto en el portapapeles
¡Copiado!
Paso 2

Establecer atributos personalizados

Todo se hace con atributos personalizados, así que cuando decimos "Añadir" significa "Añadir un atributo personalizado".
Más información
enlace de anclaje
Cree sus transiciones de entrada y salida en Webflow Animations
enlace de anclaje
Configuración de la animación "In
enlace de anclaje
Configuración de la animación de salida
enlace de anclaje
Crear un retardo para la Animación de Salida
enlace de anclaje
Opciones de respuesta
enlace de anclaje
enlace de anclaje
enlace de anclaje
enlace de anclaje
enlace de anclaje
Notas generales
Paso 3

Publique su sitio en el dominio de ensayo para probar que la herramienta funciona.

Demostración clonable

Publique su sitio en el dominio de ensayo para probar que la herramienta funciona.

¡Gracias!
Ups! Algo salió mal al enviar el formulario.
Danos tu opinión
Compartir en LinkedInCompartir en TwitterCompartir a través de la URL
Otras herramientas de Webflow que pueden interesarle
Volver al directorio
Copy to Clipboard
Cree un botón que copie cualquier fragmento de texto, incluidos los enlaces, en el portapapeles.
Enlace a la herramienta
Form Validator
Cree un validador de campos de formulario dentro de su elemento de formulario nativo de Webflow.
Enlace a la herramienta
Slider Generator
Cree sliders personalizados en Webflow con tecnología SlickJS.
Enlace a la herramienta