SVG Animated Tooltip for Diagrams

Experimented with an idea for a site I’m working on in Codepen today. It involves some basic SVG animation with CSS3 and Jquery. I’m sure there is a more concise way of writing it, but this achieves the result I desired. Will work well for interactive diagrams. Hover over the black dots to see it in action.

See the Pen SVG Line Hover Animation 2 by Jacob Louis (@bluelotusmedia) on CodePen.

Feel free to leave a comment with any tips you might have to improve it.

Comments

comments

Tags: , , , , , , , , , ,