Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
timdt

Animate SVG <g> group

Recommended Posts

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

Link to post
Share on other sites

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

 

  • Like 1
Link to post
Share on other sites

@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 

  • Like 1
Link to post
Share on other sites

No it's alright, happens with everybody.

  • Like 3
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×