I'm using a shape in my file with a hover state. The idea is to have a circle animation playing when hovering over it, however, for some reason it glitches or "blinks".
The animation glitches because when you hover over the image, the image disappears for a split second while the other image has an entrance animation. So it's like it grabs onto the image when you touch the image, but then it disappears so it lets go, and then the image reappears and it grabs on.
You can add a white shape under the image in the hover state so that it has something to hold onto.
Personally, I think that's a weird effect for the image to disappear and then animate in like that. But if that's what you want, adding a shape under the image should work to prevent the flicker.
4 Replies
The animation glitches because when you hover over the image, the image disappears for a split second while the other image has an entrance animation. So it's like it grabs onto the image when you touch the image, but then it disappears so it lets go, and then the image reappears and it grabs on.
You can add a white shape under the image in the hover state so that it has something to hold onto.
Personally, I think that's a weird effect for the image to disappear and then animate in like that. But if that's what you want, adding a shape under the image should work to prevent the flicker.
Thank you Tom.
Could you show me in my file? I am trying to apply that solution but I don't see it working.
Here you go.
https://360.articulate.com/review/content/6918ba25-1b2f-4e17-a2ed-76b998ff1c36/review
Thank you so much, Tom! I appreciate the help and feedback :)