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

Question

[fruneen]

Как создать анимацию появления текста, как на видео? (текст находится под градиентной строкой) Ссылка на видео Как вообще называется такая анимация?

Answer 1

[coderisimo]

Typewriter Effect ?

Comments

[fruneen]

Спасибо)

[coderisimo]

fruneen, не за что. есть разные варианты реализации

https://css-tricks.com/snippets/css/typewriter-effect/

[fruneen]

Василий, не подскажите как сделать, чтобы текст брался прямо из div'a в html? Просто те варианты на css-tricks увеличивают ширину, а не добавляют текст, а мне надо, чтобы текст в 3 строки был и построчно появлялся

[coderisimo]

fruneen, если у вас текст в диве без доп разметки , то

let text = $('#divId').html(); //  divId это id  дива