To achieve a  fade in animation like shown, follow the steps outlined.

Add the SR Animations module to the page.

Create a new scrolling animation and give it a class or ID. In this case I'm giving mine the class ".scrolling-module".

Click "Choose Animation Category" and select "Fade"

From the "Fade Options" select the option you want. (ex: Fade-Up)

Click "Show Advanced Options" and expand the "Advanced Options".

You can also adjust the various other values here to fine tune the animation.\
\
 For now we only want the animations to happen once.

On the module you want to animate, paste the class name you used for the animation in the **Class** field. In my case it would be "scrolling-module" without the period"."

HubSpot is a CRM platform. Learn how to effectively use HubSpot to manage your customers and other tips and tricks such as how to merge contacts or how to connect your Gmail account.