![]() ![]() “GSAP makes my job fun, because it allows me to focus on creating rich, engaging web experiences, while GSAP handles much of the implementation details behind the scenes.”.“I can definitely say ever since I started using GSAP, my work exponentially improved.The whole GSAP platform is, far and away, the best out there for dealing with animation of any sort.” The people in this community take serious time to help you with upcoming issues on real life projects like I've never experienced “It's crazy awesome. “GSAP has been absolutely the best experience for me as a newbie.I've yet to see a question flat out ignored and the patience you all have in putting people on the right track, if not flat out solve their “I’ve long felt like GSAP is the best kept secret in JavaScript.” “GSAP hosts what is in my experience, the most welcoming, patient and helpful support forum I've ever come across.If you do anything with web animation you should *definitely* be using “GreenSock has encouraged me to play with the code, to dream up new and exciting things to do.” ![]() “Massive shoutout to GreenSock for having an amazing product with fantastic documentation, hugely talented support staff and an active and helpful community.See the Pen c6e891ec62778a19ffcfa3c0ce0dad58?editors=0010 by osublake ( on CodePen Scaling from the largest font-size would be a much better approach. Font-size just doesn't animate that well. ![]() The jitter is due to what Jonathan explained above. When you click the change button, it changes the font-size of the parent node, and triggers the layout animations.Ī simple demonstration of what you were asking. I just copied most of the code from the first demo I linked to and added it to your example. It requires nesting elements, and detecting changes. See the Pen mepBam?editors=0010 by osublake ( on CodePenĪnimating the x and y position of an element is pretty easy, however, width and height are not. See the Pen gavGdL by osublake ( on CodePenĪnd here's an advanced version of that technique animating text. See the Pen QjQGBa by osublake ( on CodePenĪnd a visual demonstration of what's going on. See the Pen eJGrPN by osublake ( on CodePen See the Pen JYwRMa by osublake ( on CodePen Here are some simple demos that use that technique. That is based on a technique that I call relative animations. See the Pen dMLQJr?editors=0010 by osublake ( on CodePen It's possible to animate flexbox properties with a little work. ![]()
0 Comments
Leave a Reply. |