Como animar elementos ao passar o mouse sobre um grupo ou célula de grade
Escala do elemento ao passar o mouse sobre o grupo
Escalar Elementos ou redimensionar proporcionalmente ao passar o mouse pode ser um efeito de animação interessante que pode impressionar seus visitantes. Você pode escolher Predefinição de escala e, a seguir, modificar as propriedades do Grupo Hover On no Painel de propriedades clicando no link correspondente. Para testar, clique em algum lugar do Bloco e, em seguida, passe o mouse.
Mudança de elemento ao passar o mouse sobre o grupo
Deslocar um elemento ao passar o mouse é um efeito natural, pois você cria uma reação em um mouse que passa o mouse sobre um grupo, imitando qualquer coisa em movimento comumente conhecida. No painel de propriedades à direita, o painel Hover On Group, você pode escolher o Shift Preset. Teste-o desmarcando e passando o mouse sobre um Grupo.
Cor do elemento ao passar o mouse sobre o grupo
Para os Elementos de célula de grade ou agrupados, você pode alterar a cor do elemento em seu foco e ao passar o mouse sobre um grupo ou célula de grade. Selecione um elemento em um grupo. Selecione o grupo Hover On da seção Animation On e modifique as propriedades Color no Property Panel. Desmarque o elemento e passe o mouse sobre o grupo para testar.
Sombra do elemento ao passar o mouse sobre o grupo
Para um elemento em um grupo ou célula de grade, você pode alterar a propriedade Shadow em Group Hover. Adicionar sombra a um elemento cria um efeito pseudo-3D, que é muito popular em web design. Na seção Hover On Group do Property Panel, selecione Shadow Preset e, opcionalmente, edite a Shadow se necessário.