paulshvorak
@paulshvorak
front-end

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

https://serioverify.com/

Наткнулся на вот такой сайт. Интересует реализация анимации. Есть какие-то мысли по этому поводу? Мб есть библиотека?
Спасибо.
  • Вопрос задан
  • 530 просмотров
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Сама линия делается по вот такому принципу с помощью SVG:

Появление иконок - так же. Заливка надписей с помощью линии - это прямо задача для SVG-масок. Дальше к этому прикручивается кастомный скролл, поскольку сайт нестандартный - проще руками его сделать, чем пытаться доделать какое-то стороннее решение. Плюс немного CSS-анимаций для всего остального. Дальше много абсолютного позиционирования чтобы это все подогнать. Как говорится, ябзаверстал.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
@s-developer
Это реализовано на чистом CSS.
Даже не мучайся. я увлекался таким недавно, тоже думал что какая-то библиотека. Это CSS
Ответ написан
html, css, js, svg
Ответ написан
Комментировать
Dan_Stanly
@Dan_Stanly
Не задавайте вопросы на которые не знаете ответов
Можно реализовать как на CSS, так и при помощи Canvas.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы