Как сделать такой эффект?

Question

[Михаил]

Подскажите, как реализовать такой эффект, как на картинке? При наведении на точку на экране телефона, рисуется линия от точки до текста.

Answer 1

[followthemadhat]

SVG

Answer 2

[iBird Rose]

как вариант расположить уже нарисованные линии png абсолютом и сделать их display: none; а при наведении делать .slideDown() и тогда как раз будет иллюзия того, как будто он рисуется.

Comments

[Сергей Горячев]

Две линии. after и before - ширина линии, высота 1 пиксель. Рисуем от точки. Скрываем. При наведении вешаем keyframes анимацию - изменение ширины after, потом before. Профит)