Adding an animation to a CSS Class that tiggers on each Class independently

Is it possible to add an animation to a CSS Class, and have that animation trigger independently for each element?

For example, placing a soft fade in on all Titles, then as you scroll down the page each title fades in when visible.

Currently, once the first CSS Class triggers, all the titles fade in even if they are not in the viewport.

Is there an easy way to do this without creating independent triggers for every single header?