Reutilizar interacciones ahora es mucho más fácil

Dando continuidad a nuestra última tanda de actualizaciones, hemos realizado una ronda final de mejoras en las interacciones para que reutilizarlas en tu proyecto sea pan comido.

Aquí tienes un resumen rápido, con más detalles sobre cada actualización a continuación:

• Añade interacciones a las listas de colección. Ahora puedes aplicar interacciones a un elemento de una lista de colección y ver cómo surten efecto en cada uno de los elementos de la lista.
• Configura activadores a nivel de clase o de elemento. Ahora puedes activar animaciones basadas en un evento para todos los elementos de una clase determinada, además de la opción existente de activar animaciones basadas en eventos solo para un elemento específico.
• Selecciona clases y activadores en las animaciones. Ahora puedes especificar acciones en una animación para que afecten a un solo elemento, a toda una clase o al propio elemento que inicia la acción.

Nota: Antes de esta actualización, podías reutilizar interacciones "reemplazando elementos" en una animación por otros elementos o clases. Como estas actualizaciones simplifican mucho el proceso, vamos a retirar esa opción.

Añade interacciones a las listas de colección

Como prometimos, ahora puedes añadir nuestras nuevas interacciones a los elementos dentro de una lista de colección, lo que facilita la creación de interacciones repetitivas en las secciones de tu proyecto gestionadas por el CMS.

Selecciona clases y activadores en las animaciones

Ahora, al seleccionar una acción en tu animación, puedes especificar que afecte a:

• Solo al elemento seleccionado en el lienzo (la opción predeterminada, que ya era compatible)
• Todos los elementos con esa clase (junto con opciones para limitar a elementos hermanos e hijos)
• El elemento que activa la interacción

Configura activadores a nivel de elemento o de clase

También hemos añadido la opción de aplicar activadores de interacción a todos los elementos con la misma clase (junto con la opción existente de aplicar activadores a un elemento específico en la página), lo que te da el control para aplicar rápidamente interacciones comunes a elementos repetitivos como botones, titulares y más.

Para obtener más detalles y ver algunos ejemplos paso a paso, consulta nuestra guía sobre cómo reutilizar interacciones en Webflow University.