paulshvorak
@paulshvorak
front-end

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

https://serioverify.com/

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

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

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

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