Css animations scroll / load

Hi! New to the software. I would like to add some css animation to text in a hero section. I want to use one of the options within “scroll” but with the trigger being “load”. It doesn’t seem like this is possible with the selections within the animation tab.

I manually added some css code in a new css block and with the code, can play and view the desired text fade in animation by hitting the play button that appears. All looks as I want it to look. However, the animation does not appear to work at all when previewing in the browser preview mode. I appreciate any guidance!

It’s virtually impossible to diagnose your problem without seeing the code as it appears on the website. Please upload your website and post the link, and someone here will take a look at it.