Есть идеи как это реализовано?

Question

[Паша Шворак]

https://serioverify.com/

Наткнулся на вот такой сайт. Интересует реализация анимации. Есть какие-то мысли по этому поводу? Мб есть библиотека?
Спасибо.

Comments

[2cha.headz]

это SVG анимация с помощью js

Answer 1

[Ivan Bogachev]

Сама линия делается по вот такому принципу с помощью SVG:

Появление иконок - так же. Заливка надписей с помощью линии - это прямо задача для SVG-масок. Дальше к этому прикручивается кастомный скролл, поскольку сайт нестандартный - проще руками его сделать, чем пытаться доделать какое-то стороннее решение. Плюс немного CSS-анимаций для всего остального. Дальше много абсолютного позиционирования чтобы это все подогнать. Как говорится, ябзаверстал.

Answer 2

[Денис]

Это реализовано на чистом CSS.
Даже не мучайся. я увлекался таким недавно, тоже думал что какая-то библиотека. Это CSS

Comments

[Владислав Лысков]

не нужно вводить людей в заблуждение

Answer 3

[Александр]

html, css, js, svg

Answer 4

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

Можно реализовать как на CSS, так и при помощи Canvas.