Hi! I have a slide where I have two characters, one is the character in full view, and one is in a "Shadow" state. Both characters are supposed to change states when you hover over them. I have that part working. My problem is there is a small flicker that lasts for a quarter of a second where the characters are visible to start, and I don't want that. I want the user to see the two characters in the "shadow" state. Please help! Thanks!
I'd reverse the states. To avoid a flickering effect, start with the character with a shadow in the Normal state. Create a new "No shadow" state to show the original. Adjust your triggers accordingly.
The flicker is because your Normal state is the full color version of the character. Even though you set the initial state as something else, the normal state appears (briefly) before changing to the initial state selected.
To solve this, I create a new state which I Called New Normal. It is the full color version of the character. Then I changed the normal state to look like the shadow state. I set the initial state to Normal (greyed out). Then I changed your triggers to change the state to New Normal when the image is hovered over.
4 Replies
I'd reverse the states. To avoid a flickering effect, start with the character with a shadow in the Normal state. Create a new "No shadow" state to show the original. Adjust your triggers accordingly.
The flicker is because your Normal state is the full color version of the character. Even though you set the initial state as something else, the normal state appears (briefly) before changing to the initial state selected.
To solve this, I create a new state which I Called New Normal. It is the full color version of the character. Then I changed the normal state to look like the shadow state. I set the initial state to Normal (greyed out). Then I changed your triggers to change the state to New Normal when the image is hovered over.
See attached.
Thanks for your help!
Thanks! Good idea!