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

Question

[Suleimanov_Ismar]

Здравстуйте,
пожалуйста подскажите как и на чем можно реализовать вот такой эффект появления текста?
www.sbs.com.au/kgari

может быть кто нибудь уже ранее сталкивался с подобным решением?

Comments

[Just Me]

сложная JS анимация с перерисовкой canvas

Если всерьёз заинтересовался:

Marijn Haverbeke - Выразительный Javascript, 2-е издание - 2015

примеры на канвас тут:

https://eloquentjavascript.net/2nd_edition/code/#16.3

Бери и разбирай. Там же код игры на канвас - перерисовка та, что тебе надо

Если конечно, твоей квалификации хватит, чтобы в этом разобраться

Answer 1

[Александр]

вы можете взять за основу анимацию из фреймворка animate.css
пролистав ниже, вы сможете увидеть подробную инструкцию.

Answer 2

[Арсений Матыцин]

То, что это просто цикл с последовательным включением opacity в значение 1 не смущает ни разу?

Такой эффект реализуется на transition-ах CSS при появлении элемента, на CSS-анимациях или в setTimeout (к примеру) на JS с переключением свойств (да, при активных транзишнах, если не использовать JS анимации).