Задать вопрос
@alexgugr
HTML/CSS/JS, C++, Python и т.д.
html

Как реализовать анимацию на элементе специфичной формы?

Имеется подобный макет:
74e5947f1f644ac49b2961c593d7a24a
Необходимо, чтобы при наведении на цифру, часть серой ломаной линии закрашивалась синим цветом.
Какие технологии помогут в реализации этого? В какую сторону копать?
У меня на уме только canvas, но опыта работы с ним почти нет...
Спасибо!
  • Вопрос задан
  • 135 просмотров
5 комментариев
Подписаться 1 Оценить 5 комментариев
Пригласить эксперта
Ответы на вопрос 3
@senselessV7
Подсказка:
Можно одним css3 обойтись,
Линии делать фоном
Родственные селекторы ~
Ответ написан
Комментировать
Комментировать
IonDen
@IonDen
JavaScript developer. IonDen.com
С помощью D3.js
Вот отличный обучающий материал:
chimera.labs.oreilly.com/books/1230000000345/ch01.html
Ответ написан
Комментировать
Комментировать
@fetis26
Ну, за фронтенд!
Сделайте линию в SVG из отдельных кусков, по наведению устанавливайте им fill через CSS
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Написать индикатор на TradingView по хаям/лоям дня недели
25 апр. 2024, в 08:45
4000 руб./за проект
Вычислить размер объекта по карте глубин
25 апр. 2024, в 07:37
5000 руб./за проект
Спарсить TON PLACE: скрейпинг фото и текста с анкет по списку URL
25 апр. 2024, в 05:57
3000 руб./за проект
Ещё заказы