Instructions
1. To use this plugin, first ensure you have added it to your Bubble app.
2. Identify the element you want to animate and note its Attribute ID. You can find this in the element's properties panel in the Bubble editor.
3. In your app's workflow, add either the 'Flip In' or 'Flip Out' action where you want the animation to occur.
4. For each action, you'll need to provide two pieces of information:
- Element ID: Enter the Attribute ID of the element you want to animate.
- Flip Direction: Choose from 'Horizontal Left', 'Horizontal Right', 'Vertical Top', 'Vertical Bottom', 'Diagonal Top-Left', 'Diagonal Top-Right', 'Diagonal Bottom-Left', or 'Diagonal Bottom-Right'.
5. The 'Flip In' action will animate the element into view, while the 'Flip Out' action will animate it out of view.
6. Test your app to see the flip animation in action!