Jak animować elementy podczas unoszenia grupy lub komórki siatki?
Skala elementu po najechaniu na pole
Skalowanie elementów lub proporcjonalna zmiana rozmiaru po najechaniu kursorem może być interesującym efektem animacji, który może zadziwić odwiedzających. Możesz wybrać opcję Skaluj ustawienie wstępne, a następnie zmodyfikować właściwości grupy aktywowania w panelu właściwości, klikając odpowiednie łącze. Aby przetestować, kliknij gdzieś na Bloku, a następnie najedź.
Przesunięcie elementu po najechaniu na pole
Przesuwanie elementu po najechaniu jest naturalnym efektem, ponieważ tworzysz reakcję po najechaniu myszką na Grupę imitującą powszechnie znane poruszające się rzeczy. W panelu właściwości po prawej stronie, panelu Hover On Group, możesz wybrać ustawienie Shift. Przetestuj go, odznaczając i najeżdżając na grupę.
Przesunięcie elementu w górę po najechaniu na pole
Możesz także animować ruch w pionie po najechaniu na element zgrupowany. Niewielkie ruchy w górę są bardzo popularną reakcją Hover w nowoczesnym projektowaniu stron internetowych. Możesz wybrać ustawienie Shift Up w panelu właściwości po prawej stronie, w panelu Hover On Group. Odznacz i najedź na Grupę, aby przetestować Ruch elementu.
Kolor elementu po najechaniu na pole
W przypadku zgrupowanych lub siatkowych elementów komórki możesz zmienić kolor elementu po najechaniu kursorem i podczas najeżdżania na grupę lub komórkę siatki. Wybierz element w grupie. Wybierz grupę aktywowania w sekcji Animacja włączona i zmodyfikuj właściwości koloru w panelu właściwości. Odznacz element, a następnie najedź na grupę do przetestowania.
Element cień po najechaniu na pole
W przypadku elementu w grupie lub komórce siatki możesz zmienić właściwość Shadow po najechaniu na grupę. Dodanie cienia do elementu tworzy efekt pseudo-3D, który jest bardzo popularny w projektowaniu stron internetowych. W sekcji Hover On Group panelu właściwości wybierz ustawienie Shadow i opcjonalnie edytuj Shadow, jeśli to konieczne.