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

Question

[Rico Man]

Нужно сделать переливания текста "кибер" и всей кляксы.
Подозреваю, что это можно реализовать средствами canvas, Pixi.js, SVG, но на практике не сталкивался и нагуглить что-то схожее - не получилось.

Answer 1

[Lord_Dantes]

Нашел пару примеров на тумпанусе, не знаю что подойдет лучше, вам видней.
https://tympanus.net/Tutorials/AnimatedTextFills/i...
https://tympanus.net/Tutorials/AnimatedTextFills/i...
https://tympanus.net/Tutorials/AnimatedTextFills/i...
А это в процессе нахождения
https://codepen.io/zitrusfrisch/pen/fjbal
https://codepen.io/jjmartucci/pen/DnFfl

Comments

[eugenedrvnk]

Где вы нашли эти примеры с "тумпануса"?) Просто захотел посмотреть ещё всяких интересных штук, перехожу на "https://tympanus.net/", оно редиректит на "https://tympanus.net/codrops/".

[Lord_Dantes]

eugenedrvnk, коддропс это и есть тумпанус просто домены разные.

[Lord_Dantes]

slave, https://experiments.p5aholic.me/day/017/

[Lord_Dantes]

eugenedrvnk, https://experiments.p5aholic.me/day/017/

Answer 2

[Александр]

https://codepen.io/comehope/pen/GBwvxw

Answer 3

[Олег]

Обычным css animation делается