“growing” animation effect for a timeline

Question

I am creating a timeline and it has circles on the line indicating different events. When the user hovers on the circle, I want a line to "grow" out of the circle with text of the event on the end. Does anyone have any suggestions on what to use to make this effect possible. Javascript? CSS? Flash?

Answer 1

You could use CSS3 to create the animation.
Here's the full code : http://codepen.io/anon/pen/cgKGf