Blog Post
EricaBerghout-1
Community Member
Currently, I'm working on a project where I created a group to make all of the objects fly-in like one object.
But, I also want to give some of the objects a hover state.
That does not work. Al the objects with the hover state change, when I hover my mouse on top of one of the objects (just like shown in the first video in question 5).
I can think of a solution (create one image of all the objects I want to fly-in, and when the animation ends, change state to hidden and make all object visible as separate items), but I'm wondering if I'm missing a functionality...
But, I also want to give some of the objects a hover state.
That does not work. Al the objects with the hover state change, when I hover my mouse on top of one of the objects (just like shown in the first video in question 5).
I can think of a solution (create one image of all the objects I want to fly-in, and when the animation ends, change state to hidden and make all object visible as separate items), but I'm wondering if I'm missing a functionality...
SarahHodge
4 years agoFormer Staff
Hi Erica! You are right...any objects with hover states when grouped will all appear when hovered over the group. One idea to keep your fly-in animation and hover options would be to:
-Duplicate the grouped objects (This is a good time to also make sure both groups align-center/middle. You can use the hide icon to make edits to each group)
-Remove the hover states from all the objects in the original group that flies in
-Ungroup the duplicated group (keep the hover states and make sure there are no entrance animations associated with any of the objects)
-Adjust the timeline so after the grouped objects fly in, have the duplicated objects (that are now ungrouped) appear at the exact time the grouped version ends so it looks seamless.
Now learners will be able to hover over the objects. I hope that helps!
-Duplicate the grouped objects (This is a good time to also make sure both groups align-center/middle. You can use the hide icon to make edits to each group)
-Remove the hover states from all the objects in the original group that flies in
-Ungroup the duplicated group (keep the hover states and make sure there are no entrance animations associated with any of the objects)
-Adjust the timeline so after the grouped objects fly in, have the duplicated objects (that are now ungrouped) appear at the exact time the grouped version ends so it looks seamless.
Now learners will be able to hover over the objects. I hope that helps!
- EricaBerghout-14 years agoCommunity MemberThat helps. Thanks for the feedback!