Jump to content

Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  

Predefined animations

Recommended Posts

Hi all,


I have a question,

is there any plugin have predefined animations depends on gsap?

animations like animate.css library



Link to post
Share on other sites

I put one together based off animate.css:

See the Pen JdWzML by ajhalls (@ajhalls) on CodePen

could you tell me where is the line you set the animation sequence to object TimeLineLite ?

I only see the initialization of the object at the line TL[targetItem.replace(/[^a-z0-9\s]/gi, '')] = new TimelineLite({ onUpdate: updateSlider, delay: 0.4 });

Link to post
Share on other sites

it starts on 1219:

    assembledTimeline += '.to($("' + targetItem + '"), ' + animationDuration + ', ' + JSON.stringify(animationSequence) + ')';
var tl = TL[targetItem.replace(/[^a-z0-9\s]/gi, '')];
  eval("tl" + assembledTimeline);

using TL[targetItem.replace(/[^a-z0-9\s]/gi, '')] lets me setup an object that can have multiple timelines inserted for each target item. It isn't the cleanest way, but it was what I did back then.

  • Like 1
Link to post
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
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.