Jump to content
GreenSock

Aldrin

How do I get the stats bar to start at the bottom?

Go to solution Solved by mvaneijgen,

Recommended Posts

  • Solution

You can do this by using  transformOrigin: "center bottom" and if you use scaleY (what was commented out in your code) it works perfectly and is much more performant than animating the height of something.

 

See the Pen qBYxadY by mvaneijgen (@mvaneijgen) on CodePen

  • Like 2
Link to comment
Share on other sites

Heads up that the elements don't scale in in chrome due to this newly introduced rendering bug (not a GSAP bug - a browser one 🐛)

https://bugs.chromium.org/p/chromium/issues/detail?id=1368232


If you add a small rotation to the group it fixes the issue

See the Pen qBYxoyX?editors=0010 by GreenSock (@GreenSock) on CodePen


 

  • Like 4
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.
×