Come animare gli elementi mentre si passa con il mouse su un gruppo o una cella della griglia
Scala elemento al passaggio del mouse sulla casella
Il ridimensionamento degli elementi o il ridimensionamento proporzionale al passaggio del mouse possono essere un interessante effetto di animazione che può stupire i tuoi visitatori. Puoi scegliere Scale Preset e quindi modificare le proprietà Hover On Group nel pannello delle proprietà facendo clic sul collegamento corrispondente. Per testare, fai clic da qualche parte sul Blocco, quindi passa con il mouse.
Spostamento elemento al passaggio del mouse sulla casella
Spostare un elemento al passaggio del mouse è un effetto naturale poiché crei una reazione su un mouse in bilico su un gruppo imitando qualsiasi cosa in movimento comunemente nota. Nel pannello delle proprietà a destra, il pannello Hover On Group, puoi scegliere il Shift Preset. Provalo deselezionando e passando il mouse su un gruppo.
Spostamento elemento su casella al passaggio del mouse
Puoi anche animare il movimento verticale al passaggio del mouse per un elemento raggruppato. Lievi movimenti verso l'alto sono una reazione al passaggio del mouse molto popolare nel moderno web design. Puoi scegliere il preset Shift Up nel pannello delle proprietà a destra, nel pannello del gruppo al passaggio del mouse. Deseleziona e passa il mouse su un gruppo per testare il movimento dell'elemento.
Colore dell'elemento sulla casella al passaggio del mouse
Per gli elementi raggruppati o della cella della griglia, è possibile modificare il colore dell'elemento al passaggio del mouse e mentre si passa con il mouse su un gruppo o una cella della griglia. Seleziona un elemento in un gruppo. Seleziona la sezione Animazione sul gruppo Passa il mouse sopra e modifica le proprietà Colore nel pannello delle proprietà. Deseleziona l'elemento, quindi passa il mouse sul gruppo per testare.
Elemento Ombra sulla casella al passaggio del mouse
Per un elemento in un gruppo o in una cella della griglia, puoi modificare la proprietà Ombra su Group Hover. L'aggiunta di ombra a un elemento crea un effetto pseudo-3D, molto popolare nel web design. Nella sezione Hover On Group del Property Panel, seleziona Shadow Preset e, facoltativamente, modifica Shadow se necessario.