Как анимировать элементы при наведении курсора на группу или ячейку сетки

Интересна также анимация элемента при наведении курсора на группу или ячейку сетки. Такие анимационные эффекты выглядят элегантно и естественно. Выберите элемент в группе, щелкните ссылку на раздел «Наведение» на панели свойств и установите флажок «Наведение». Выберите набор настроек, а затем измените свойства для достижения заданного эффекта.
Анимация при наведении курсора на группу

Масштаб элемента при наведении курсора на группу

Масштабирование элементов или пропорциональное изменение размера при наведении курсора могут быть интересным эффектом анимации, который может поразить ваших посетителей. Вы можете выбрать «Scale Preset», а затем изменить свойства Hover On Group на панели свойств, щелкнув соответствующую ссылку. Чтобы проверить, щелкните где-нибудь на Блоке, затем наведите указатель мыши.

Смещение элемента при наведении курсора на группу

Смещение элемента при наведении - это естественный эффект, поскольку вы создаете реакцию на мышь, наводящую группу, имитирующую любые обычно известные движущиеся объекты. На панели свойств справа, на панели «Наведите указатель мыши» на группу, вы можете выбрать предустановку сдвига. Проверьте это, отменив выбор и наведя указатель мыши на группу.

Цвет элемента при наведении курсора на группу

Для сгруппированных элементов или элементов ячеек сетки вы можете изменить цвет элемента при его наведении и при наведении курсора на группу или ячейку сетки. Выберите элемент в группе. Выберите группу при наведении курсора в разделе «Анимация при» и измените свойства «Цвет» на панели свойств. Снимите выделение с элемента, затем наведите указатель мыши на группу, чтобы проверить.

Тень элемента при наведении на группу

Для элемента в ячейке группы или сетки вы можете изменить свойство Shadow при наведении курсора на группу. Добавление тени к элементу создает псевдо-3D-эффект, который очень популярен в веб-дизайне. В разделе Hover On Group на панели свойств выберите предустановку тени и при необходимости отредактируйте тень.