moving-letters | Text animated with anime.js | Animation library

I was just going through the web and found some cool text animations over here. so I thought of taking a part of it and extending it. As I know what to do first I went through the stack to find out whether any question will relate my idea and for my surprise, I had found one that explains what I need but that has not been answered correctly. I guess the main cause was because it was not explained correctly. so I will try my best to explain the idea.

Previously asked question

The Idea.

Let's suppose I have a heading tag that I need to animate. Them main Idea is not to break one same sentence into two instead if you write a heading or paragraph tag the whole thing should animate. I want to lift/reveal/raise the words from where they are in the image (from the line)

I have changed some of the existing code from the source I got. But the text is revealing/raising from the bottom of the whole block. Which I don't want. I want it to raise them from the line at bottom.

The Code:

I am trying to replicate the animation mentioned out in this link .

http://tobiasahlin.com/moving-letters/#13

The difference is, once the fade out and over animation is complete i need to change the content and replace it with a new one.

I have tried out to change the text using anime js's complete function .

Have a look at the code.

I want to use animejs to get some text animation in my website but I need little help. I want that text to be animated when I scroll to a specific section or area.

This is the snippet I want to change:

• http://tobiasahlin.com/moving-letters/#14