Чем сделать кастомную анимацию на сайте и как сверстать?

Question

[Иван Некрасов]

Здравствуйте. Увидел вот такой переход ссылка на пример
Как сделать такую анимацию (интересует софт)? Как сверстать ее в html5?

Comments

[Rustam Bainazarov]

Аккуратнее будьте. Если анимация выходит за пределы классических CSS-трансформаций и возможностей блочной модели, то 99% случаев подобные анимации делаются в After Effect, ибо в код перевести гораздо сложнее или вовсе невозможно.

В данном случае это реально, но достаточно сложно.

JS + SVG (трансформация через JS) + CSS. Можно использовать ту же GSAP, чтобы упростить задачу (она упрощает задачу, если конечно, вы знаете эту библиотеку).

Answer 1

[Михаил Проскурин]

Для дизайна такой анимации: after affects, principle, adobe XD.

Answer 2

[Somewhere Intech]

Возможно реализовать на canvas/svg

Answer 3

[Дмитрий Макаров]

google: elastic css menu
sample: https://tympanus.net/codrops/2014/12/15/elastic-sv...