Jump to content

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


  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Newbie

About heavylifting

  • Rank
  1. Afraid your example doesn't show up in my browser Mac - Chrome or FireFox?
  2. Thanks, I see what you mean. Though it's odd that when pine I use 'pin: true' it's quite smooth? The only issue then is because it is pined it doesn't stay in the browser frame? https://codepen.io/heavymessing/pen/JjGOapW
  3. Maybe it's a scale thing? At mobile size my version seems to work quite smoothly, at the large scale the jerkier it gets. https://codepen.io/heavymessing/pen/JjGOapW
  4. Sorry. I just didn't want to keep reposting this link over and over again. https://codepen.io/heavymessing/pen/JjGOapW
  5. In my latest version I cleaned up the SVG and paths and I can get it looking smooth on mobile view but not desktop?
  6. Ah! That's cool, and kind of what I'm after, I'll tinker around and see how I get on. Thank you! One thing the lines are very jerky when they come on fast is there a way around that? https://codepen.io/heavymessing/pen/JjGOapW
  7. I'm trying to get an array of paths to reveal themselves when the page is being scrolled down. As you can see from the pen I only have one and it isn't even in the middle of the browsers view. I was wondering if there is a way of doing this using Greensock? I would also prefer it if the edges of the lines where circles, would this be achievable if this were some kind big mask reveal? Thanks
  8. Thanks Point C, How do I skip the duration? If I take it and the tween durations then nothing shows up?
  9. I have the following: var secOne = new ScrollMagic.Scene({ triggerElement: '.section-a', triggerHook: 0, duration: $(window).height() - 100 }) .setTween( new TimelineMax() .add( TweenMax.fromTo(['.section-a .svg-a'], 0.5, { autoAlpha: 0 }, { autoAlpha: 1, force3D: false, ease:Power4.easeNone }) ) .add( TweenMax.fromTo(['.section-a .text-a'], 0.5, { autoAlpha: 0 }, { autoAlpha: 1, ease:Power4.easeNone } ) ) ) .setPin('.section-a') .addTo(controller); Which is fine apart from the fact that the animations have to come in s
  10. Wow, thanks Manfred! That's awesome! I'll have a play around with that and see where it goes : ]
  11. Hey PointC Thanks for the links, I have seen the I hate tomatoes guy before but I am not familiar with Blake's work, I check it out. Thanks
  12. hi, I'm trying to recreate the functionality of this New York Times page where as you scroll down the background fades into the section below and text elements can scroll over the background images before fading into the next row/section. I have made a start http://codepen.io/heavymessing/pen/WjbVNJ but it looks kind of clunky and I was wondering if there is a way to do it with scrollMagic and GreenSock. I have another version http://codepen.io/heavymessing/pen/zwGJLx but I don't know how to get one section fading in over the other? thanks,
  13. I'm very new to GSAP This is my first time messing about with it and it's very cool. So I haven't attempted the following yet because I'm not sure if its just too bonkers and I'm not sure where to start. Is it possible to stick a full section slider (also made with GSAP) http://codepen.io/MAW/pen/yYradO/ into say a middle section of a one page site (that I have been messing about with here) http://codepen.io/heavymessing/pen/eZovmP. So the user would scroll or click to a section with slides and click through them left to right, or just to the right. Ultimately I'd like to do somethi