Familias de animación | Fancy Animations Docs

📄️Activador de scroll

Cómo funciona el scroll trigger: presets, ventanas de inicio y fin, suavizado del scroll y transiciones propias, desde el panel del constructor.

Usa el preset Custom del scroll trigger para leer el progreso de un elemento como variable CSS y mover varias propiedades con tu propio CSS.

Monta una sección alta cuyo contenido se queda fijo en pantalla mientras la página avanza: la base de casi todas las recetas avanzadas de scroll.

Reproduce los hijos uno tras otro en un tramo de scroll, dale a cada uno una posición para CSS y mide cuánto tapa la siguiente tarjeta a una fija.

Liga la posición del scroll a la reproducción de un vídeo: avanza al bajar y retrocede al volver a subir.

Animaciones que se reproducen una vez al entrar el elemento en pantalla: duración, retardo, punto de disparo, repeticiones, bucle y dispositivos.

Reproduce una animación de entrada en cada hijo de un contenedor, uno tras otro, en lugar de animar cada hijo a mano.

Divide un titular en letras, palabras o líneas y anima cada pieza al entrar en pantalla: animaciones, división y opciones.

Añade un efecto hover en CSS puro a botones, tarjetas e iconos, uno por elemento, sin activar módulos ni cargar scripts.

Haz que un elemento se incline, se desplace o gire en 3D al mover el puntero encima, y vuelva a su sitio al salir. Solo en escritorio.

Configura un degradado radial que sigue al puntero, con un patrón opcional de puntos, red, líneas o rombos encima que puede moverse en bucle.

Cambia lo que muestra el cursor personalizado del sitio sobre un elemento concreto, con atributos HTML desde el constructor.