Animate In View

El bloque de Animate In View usa una técnica nativa rápida y sencilla que hace un seguimiento de los bloques interiores que añadas y los muestra cuando entran en el área de visualización del usuario (de manera opcional, con un efecto de deslizamiento).

Activa animaciones modernas, fluidas y sencillas cuando el contenido entre en el área de visualización de la pantalla.

• Sigue a @kevinbatdorf en Twitter
• Ver en GitHub

Características

• Es rápido y ligero, y solo hace una cosa.
• Establece un umbral para definir cuándo se iniciará la animación del bloque.
• Se puede ejecutar solo una vez, o bien cada vez que entre o salga del área de visualización.
• Puedes incluir cualquier bloque dentro del bloque de Animate In View con solo pulsar un botón.
• Puedes añadir una transición desde la izquierda o derecha, o bien no añadir ninguna (solo una aparición gradual).
• Fade only mode: Set the starting position to «none»
• Cambia el nombre de clase usado para añadir tus propias animaciones personalizadas.

Consejos y sugerencias generales

• Para incluir el bloque seleccionado dentro de un bloque de Animate In View, pulsa el icono que hay cerca del final de la barra de herramientas.
• Para asegurarte de que el estilo del contenido sea uniforme, puede que tengas que colocar el bloque dentro un bloque de grupo. En algunos temas, puede que tengas que usar un bloque de grupo en el nivel superior. Como alternativa, el bloque de Animate In View tiene controles de alineación activados por si acaso.
• Si has aplicado clases o estilos personalizados en tus diseños, puede que tengas que hacer algunos ajustes. Prueba a copiar y pegar las clases, o bien anida los bloques de forma que no afecten al estilo del tema.
• Anida bloques para crear animaciones escalonadas. Las animaciones no se iniciarán hasta que todos los bloques estén dentro del área de visualización, y entonces se activarán una a una. Pero asegúrate de que el área de visualización no sea demasiado grande.
• Por defecto, el bloque de Animate In View solo incluye un bloque de grupo anidado, pero también puedes usar otros.
• Usa la vista de lista para arrastrar y soltar bloques en el bloque de Animate In View.
• Si tienes dificultades, abre una incidencia. Estaré encantado de ayudarte.