Aldrin Posted September 28, 2022 Share Posted September 28, 2022 I want the Stats Bar to grow from bottom instead of top See the Pen vYjdKeR by aldrinbright (@aldrinbright) on CodePen Link to comment Share on other sites More sharing options...
Solution mvaneijgen Posted September 28, 2022 Solution Share Posted September 28, 2022 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 2 Link to comment Share on other sites More sharing options...
Aldrin Posted September 28, 2022 Author Share Posted September 28, 2022 Ok, Thank You. Link to comment Share on other sites More sharing options...
Cassie Posted September 28, 2022 Share Posted September 28, 2022 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 4 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now