Animate SVG <g> group

[timdt]

Hey guys, so i am wondering how i can animate my svg?

It is only the second time i am doing this only this time it wont work.

 

If i place in the css for instance : opacity:0; this will work. When i use .from opacity or autoAlpha:0 nothing happens.

I also used transform origin in the inline style, that also works. What is wrong?
Also no console errors in the browser.

 

Would like to animate them so they look like a bar graph

 

Thanks allot in advance

See the Pen POjZdY by timdt (@timdt) on CodePen

[Sahil]

You were never calling function that returns the timeline and you were trying to animate id 'box1' but you only have elements with id 'box'.

 

See the Pen pdwgXP?editors=1011 by Sahil89 (@Sahil89) on CodePen

 

[timdt]

@Sahil incredible i am so stupid. I got so frustrated hahha. Well its already getting late. Probably shouldnt code anymore for the rest of the day XD.

 

Thanks anyway for taking the time and pointing out the problem. Makes my headache little les now haha 

[Sahil]

No it's alright, happens with everybody.