I need to create a simple straight line, progressive drawing animation through svg. But am new to this and hence am not able to proceed. My desired output is an image at center and 5 straight lines growing out of it. Can anyone help me?
The way I do this is with an animation on the stroke-dashoffset attribute, which you set initially to be the length of the lines (so they are invisibile):
The way I do this is with an animation on the stroke-dashoffset attribute, which you set initially to be the length of the lines (so they are invisibile):
See here for additional: https://css-tricks.com/svg-line-animation-works/