I’m sure this is easy, but I have yet to figure out how to reverse the opening of an element. I’ve copied the interaction and added the ‘reverse’ control to no avail.
Here is my public share link: Webflow - Ball-STS
Hi there,
While the ‘Reverse’ option in Webflow interactions plays an animation backward from its current position, it may not always achieve the desired closing or reverse animation effect you’re looking for. To create a proper reverse animation, you’ll need to create a separate custom animation:
- Create a new interaction trigger (like Click or Hover)
- Add your animation steps that will return elements to their initial state
- Set specific timing, easing, and duration for each animation step
- Ensure the final positions match the initial state of your elements
This approach gives you more control over the animation sequence and ensures smooth transitions between states.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Hey @Veloce ,
Can you delete the Click FAQ Reverse interaction and instead add a second trigger inside Click FAQ interaction to take care of the reverse event with the even clicks:
I have used the same settings as per your interaction, feel free to explore it further to suit for your project.
By doing so, I got the following output for the FAQ:
Hope this helps.