Jump to content
Search Community

Animate SVG <g> group

timdt test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

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 comment
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 comment
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.
  • Create New...