To use Scroll Reveal Pro, add the Scroll Reveal Pro element anywhere on your Bubble page. The element works as a controller, so it does not need to be visible to users.
In your Bubble app settings, enable the option to expose the ID Attribute for HTML elements.

Add a unique ID Attribute to each group, text element, image, button, section, or card that you want to animate on scroll.

In the Scroll Reveal Pro element, enter those ID Attributes in the Target Selectors field. You can separate multiple IDs with commas, such as `hero-title, pricing-card, testimonial-section`, or place each ID on a new line.

If there are elements you do not want to animate, add their ID Attributes to the Ignore Selectors field the same way.

Choose an animation style, then adjust the Duration, Delay, Stagger, Easing, and Threshold settings to control how the reveal behaves.

Enable Reveal Once if each element should animate only the first time it appears.

If you want to disable animations on smaller screens, enable Disable On Mobile and set the Mobile Max Width, such as `767`.

Preview your page and scroll through it to test the effect. If an element does not animate, make sure its Bubble ID Attribute matches exactly what you entered in the Target Selectors field.