Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Michael Hess
Courses Plus Student 2,774 PointsHow to add transition after animation to one element?
Hey, y'all. I'm going for something pretty tricky, and am hoping for some outside thinking because maybe I'm too close to this at the moment. So on a new website I'm building, on the home page, the full screen is a solid color #222323, and the logo and business name fades into the center of the screen. Simple animation. Now here's where it gets a little trickier. After the animation ends, I want it to wait two seconds or so and then scale the background and logo from center top into a small header bar after which the navlinks will fade into view. I know this is possible because I've done it before, but I don't have those project files anymore, and can't seem to figure it out this time around. Feel free to mention JS in any suggestions, because I know that will be necessary as is. Thank you for any ideas and help. :)
1 Answer
Vince Brown
16,249 PointsMichael Hess I myself have been looking for a more granular way to control animations, I have kept hearing about GSAP, I don't know if you would mind the dependency but it is definitely worth a look if you have not checked it out before.
Michael Hess
Courses Plus Student 2,774 PointsAfter taking the time to understand the working order of it, I've grown quite fond of it. It really makes chaining animations pretty simple. Thanks for the help!
Michael Hess
Courses Plus Student 2,774 PointsMichael Hess
Courses Plus Student 2,774 PointsOh, and another tricky part maybe y'all can help with that I don't know if it's possible...I only want the aforementioned transitions the first time the user visits the page. If they're navigating from the contact page back to the home page, I don't want them to sit through it again. Thanks again for any help.