Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

TrevorRice

Members
  • Content Count

    4
  • Joined

  • Last visited

Community Reputation

0 Newbie

About TrevorRice

  • Rank
    Newbie
  1. Here's a CodePen: http://codepen.io/TrevorRice/pen/YGbyvv/?editors=1010 Thanks for the replies guys. Sorry it took so long to get this Pen put together. Hopefully this will make more sense. I tried stripping it down to only the essentials, but it is still bit complicated. Essentially what I am doing creating a little traversable carousel-timeline-thing that users will be able to interact with. Each large-box and small-box pair have their own Timeline. A Timeline with progress 0 indicates that the large-box will be to the left of the visible large-box container and the small-box will be
  2. Is it possible to target a specific tween in a timeline and not have it go in reverse when the timeline's progress is going from 1 to 0? function createTimeline(progress, ...elems) { let tl = new TimelineMax({ paused: true }); tl.add('beginning') .fromTo(elems[0], 1, { x: '-100%' }, { x: '0%', ease: Power0.easeNone }) .fromTo(elems[1], 1, { y: '100%' }, { y: '0%', ease: Power0.easeNone }, 'beginning') .add('middle') .fromTo(elems[0], 1, { x: '0%' }, { x: '100%', ease: Power0.easeNone, immediateRender: false }) .fromTo(elems[1], 1, { y: '0%' }, { y: '-10
  3. Wow, thank you! I guess I didn't fully understand immediateRender because I was trying to set it to false on the first fromTo tween when I was trying out different things.
  4. Hi there! I'm trying to create a very simple 'carousel' using GSAP's TimelineLite that I will be controlling with buttons and dragging/swiping. Initially, all items of the 'carousel' will be translated -100% to the left of the viewport except for the current item, which will be translated 0%. let $items = $('.container').children(); function init() { initTimelines($items); } function initTimelines(items) { for (let i = 0; i < items.length; i++) { if (i === items.length - 1) { createTimeline(0.5, items[i]); } else { createTimeline(0, items[i]); } }
×