How do I make a text fade-in from left to right on my web

I want an h1 element to add the effect of a fade-in entering from left to right without any kind of position motion. I’ve seen examples that separates every character into a h1 element alone and then delay the opacity for each element using keyframes to give that sensation. I could do that but I was wondering if is there a way to achieve that effect without having to separate every character of the sentence.

Check animate css
You can add this css to your project and play with its classes