Jump to content
Search Community

Tinker987

Members
  • Posts

    1
  • Joined

  • Last visited

Tinker987's Achievements

0

Reputation

  1. Hey everybody. I'm a relative beginner to HTML and to GSAP and I'm stuck. My goal is to create randomly floating particles in the background. Every particle is one div. Now I've been creating these divs with javascript and adding them to a timeline. Every particle will follow a randomly generated curve in the end. I've been orientating on this tutorial though the language is flash I suppose https://www.youtube.com/watch?v=ZUM0i0DLKk0 I have created around 50 divs randomly vertically distributed. Now I want to move them to the right not all at once but one after another. I tried the sequence attribute and several lots of different things but nothing changed anything. Is there a way to select one of the divs with class "particle" after another and not all at once? I need to use TimeLines in order to assign the different paths. Thank you! var tl2 = new TimelineMax(); var nestedTL = new TimelineMax(); nestedTL.add(TweenMax.to(".particle",1,{ x:"+100", ease:Quad.easeInOut }), "sequence"); tl2.add(nestedTL, "sequence");
×
×
  • Create New...