Installation Instructions:
1- Install the Plugin: Go to the Plugins section in your Bubble.io application, search for the Card Flip  plugin, and click Install to add it to your project.

2- Enable the ID Attribute Option: Before using the plugin, make sure to enable the ID attribute for the elements you want to animate. Navigate to the General Settings section of the editor, find the Additional Options section, and check the box labeled Expose ID Attribute. This will allow you to use the ID attributes of the elements to trigger the flip animation. (https://forum.bubble.io/t/how-do-you-enable-an-id-attribute-to-a-input-box-or-any-item/112195)

3- Add the Card Groups to Your Page: Drag and drop two groups (which will represent the front and back of the card) into your page in the Bubble editor. Name them front_element_id and back_element_id. These groups will be the elements that the animation will be applied to. Be sure to assign each group a unique ID.

4- Configure the Plugin Settings: After installing the plugin, open the plugin settings in the Plugins tab. Enter the unique IDs of front_element_id (the front element) and back_element_id (the back element) in the respective fields. Additionally, customize the animation settings:
Animation Speed: Adjust the speed of the flip animation by specifying the time in milliseconds.
Rotation Axis: Choose between X or Y axes to determine the direction of the rotation (horizontal or vertical).

5- Preview and Finalize:
Once all settings are configured, preview the page to see the flip animation in action. Adjust the settings if necessary to get the desired effect, and you're ready to go!

Notes: If you have any questions or need help, please refer to the plugin documentation or contact support.