Jump to content
GreenSock

SalvoDee

I'm looking for opinions

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

Hi guys,

this is my first attempt with GSAP, i would like to have any opinion for improve performance or the animation.

See the Pen LjXYgW by SalvoDee (@SalvoDee) on CodePen

Link to comment
Share on other sites

Hi @SalvoDee :)

 

Welcome to the forum.

 

Instead of using tweens with delays, you should take a look at using a timeline for that animation. If you're using delays and you move one tween or change its duration, the whole sequence is going to break. Timelines make that type of work super easy.

https://greensock.com/timelinemax

 

You can play them in sequence, overlap them or make them wait a bit to start. You do this by using the position parameter. More info:

https://greensock.com/position-parameter

 

You can use the jQuery selector for your target, but if you want to save some typing, you can just write it like this too:

TweenLite.to('#mission .grid-item', 1.2, {width:"100%", opacity: 1,ease:Expo.easeIn});

 

To get started, these are great resources if you haven't seen them yet:

https://greensock.com/jump-start-js

https://greensock.com/get-started-js

 

Hopefully that helps. Happy tweening.

:)

 

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