Cómo animar elementos mientras se coloca el cursor sobre un grupo o celda de cuadrícula

La animación de elementos al pasar el mouse por un grupo o una celda de cuadrícula también es interesante. Estos efectos de animación se ven elegantes y naturales. Elija un elemento en un grupo, haga clic en el enlace de la sección de desplazamiento del panel de propiedades y luego seleccione la casilla de verificación de desplazamiento. Seleccione un Preset y luego modifique las propiedades para lograr el efecto diseñado.
Animación en grupo flotante

Navegar por categorías de funciones

Escala de elemento al desplazarse por el grupo

Escalar elementos o cambiar el tamaño proporcionalmente al pasar el mouse puede ser un efecto de animación interesante que puede sorprender a sus visitantes. Puede elegir Escala preestablecida y luego modificar las propiedades de Hover On Group en el Panel de propiedades haciendo clic en el enlace correspondiente. Para probar, haga clic en algún lugar del Bloque y luego coloque el cursor sobre él.

Cambio de elemento al desplazarse por el grupo

Cambiar un elemento al pasar el mouse por encima es un efecto natural, ya que crea una reacción en un mouse que pasa por encima de un grupo imitando cualquier cosa en movimiento comúnmente conocida. En el Panel de propiedades a la derecha, el Panel de grupo flotante, puede elegir el Cambio preestablecido. Pruébelo anulando la selección y colocando el cursor sobre un grupo.

Color del elemento en grupo flotante

Para los elementos de celda de cuadrícula o agrupados, puede cambiar el color del elemento en su desplazamiento y mientras se desplaza sobre un grupo o celda de cuadrícula. Seleccione un elemento en un grupo. Seleccione el grupo Hover On de la sección Animation On y modifique las propiedades de Color en el Panel de propiedades. Deseleccione el elemento, luego coloque el cursor sobre el grupo para probarlo.

Sombra de elemento al desplazarse por el grupo

Para un elemento en un grupo o celda de cuadrícula, puede cambiar la propiedad Sombra en Group Hover. Agregar sombra a un elemento crea un efecto pseudo-3D, que es muy popular en el diseño web. En la sección Hover On Group del Panel de propiedades, seleccione Shadow Preset y, opcionalmente, edite Shadow si es necesario.