Cómo animar elementos mientras se coloca el cursor sobre un grupo o celda de cuadrícula
Escala de elementos en cuadro flotante
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, haz clic en algún lugar del bloque y luego desplázate.
Desplazamiento de elementos al pasar el cursor sobre el cuadro
Desplazar un elemento al pasar el mouse es un efecto natural, ya que crea una reacción en un mouse que pasa por encima de un grupo que imita cualquier cosa en movimiento comúnmente conocida. En el Panel de propiedades a la derecha, el panel Hover On Group, puede elegir el ajuste preestablecido de desplazamiento. Pruébelo deseleccionando y pasando el mouse sobre un grupo.
Desplazamiento de elemento hacia arriba al pasar el cursor sobre el cuadro
También puede animar el movimiento vertical en Hover para un elemento agrupado. Ligeros movimientos hacia arriba son una reacción de Hover muy popular en el diseño web moderno. Puede elegir el ajuste preestablecido Shift Up en el panel de propiedades a la derecha, en el panel Hover On Group. Deseleccione y desplace el cursor sobre un grupo para probar el movimiento del elemento.
Color del elemento en cuadro flotante
Para los elementos agrupados o de celda de cuadrícula, puede cambiar el color del elemento al pasar el mouse y mientras pasa el mouse sobre un grupo o una 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. Anule la selección del elemento y, a continuación, desplace el cursor sobre el grupo para realizar la prueba.
Sombra de elemento en cuadro flotante
Para un elemento en un grupo o celda de cuadrícula, puede cambiar la propiedad Sombra en el desplazamiento del grupo. 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 la sombra si es necesario.