I have an animation that is supposed to size and hide/show a top, bottom, left and right div blocks. When I play it from the animation panel it works, but when I go to the preview or the published site only the top and bottom divs work correctly.
The right and left divs are fixed positions, sized to 70px and have a z value of 2 (like the top and bottom divs).
You have some conflicts in the interactions. On both (hover & click) interactions you have an initial state
Once you remove the click interaction’s initial states, the hover interaction works.
Find a state for your elements to be in (styled, instead of ‘initially stated’ with interactions) and then you won’t need the double initial state.
Hello, hopefully I’m not too late to get help with the issue I’m having the same one. I have a piece of text that I’m trying to target with two animations. One of them has a piece of text fade in on page load, the other fades it out on page scroll. I have copied the animation setting for setting from a template, so I don’t understand what is different. I tried to use the solution of @avivtech above (I duplicated the text elements and gave one a class of ‘text 1’ and the other ‘text 2’, and then used a separate animation for each, but that didn’t work. I’m probably not interpreting the solution properly. I would appreciate any pointers! Thanks