Как сделать такую анимацию?

Question

[metori]

Привет. Подскажите, пожалуйста, как можно осуществить такую анимацию? https://youtu.be/V5dhwPZOez8?t=133
На данный момент есть такое https://codepen.io/dackjaniels/pen/yLBoLaL текст просто поднимается снизу вверх, но он по сути должен быть скрыт "невидимым блоком"?

Answer 1

[Mikhail Rerberg]

https://codepen.io/NooNoo1337/pen/VwZzwmy

Comments

[Andrey Vasilev]

где половина слова-то?

[Mikhail Rerberg]

@Nolis

Answer 2

[suberg]

https://codepen.io/suberg/pen/XWraWeN

Comments

[metori]

Как все просто оказывается :) Благодарю.

Answer 3

[Andrey Vasilev]

https://wowjs.uk либо тяни библу, либо гляди исходники.
там всё имеется.
upd: милеоны онемаций: https://daneden.github.io/animate.css/
FadeInUp - твоя

Comments

[metori]

Про FadeInUp знаю, но все же это не то, нужен обычный SlideInUp, который вылетает не с самого низа страницы, а как из блока. Выше пример рабочий, но только если указана высота wrapper, ну и размер текста в пикселях. У меня же размер идет в vw, текст на всю страницу, какую высоту указать для wrapper?

https://codepen.io/dackjaniels/pen/RwbZwLB