Jump to content

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

Shaun Gorneau last won the day on March 3 2019

Shaun Gorneau had the most liked content!

Shaun Gorneau

  • Content Count

  • Joined

  • Last visited

  • Days Won


Shaun Gorneau last won the day on March 3 2019

Shaun Gorneau had the most liked content!

Community Reputation

1,772 Superhero

About Shaun Gorneau

  • Rank
    Advanced Member
  • Birthday May 31

Contact Methods

Profile Information

  • Gender
  • Location
    Hartford, CT

Recent Profile Visitors

6,519 profile views
  1. No need for ScrollMagic here... and with the new ScrollTrigger plugin, no need for ScrollMagic at all, period. If you want to tween text characters one by one, I would recommend looking at SplitText You could make use of ScrollTrigger here, but you can also just advance a Timeline's progress based on the scroll value. Example here, https://codepen.io/sgorneau/pen/WNrpWKZ
  2. <Looks around> "Hey how many people have heard of GSAP?" <Sees hundreds of thousands of hands go up>
  3. Came in to point this out but saw you were responding, Zach! +1
  4. Hi @kmytor, It would really helpful for us (to help you) if you show this working or not working in CodePen. https://codepen.io/GreenSock/pen/aYYOdN With your code above it's really hard to know what is going on because either There is code at play that we are not seeing, or The code above is simply invalid
  5. You're very welcome, @kf420!
  6. Yes, defintely. It's a matter of somewhat reversing the logic and using a negated if statement https://codepen.io/sgorneau/pen/oNbgKzV?editors=1010
  7. The reason this isn't working is because you are tweening to 100% ... it's already at 100% ... So there is no change to tween. Using a from tween (from 0) it will build up to 100%. And the reason #arrow-line-left and #arrow-head-left are not tweening at all is because they have no stroke. DrawSVGPlugin allows you to progressively reveal (or hide) the stroke of an SVG <path>, <line>, <polyline>, <polygon>, <rect>, or <ellipse> https://codepen.io/sgorneau/pen/qBbELdQ?editors=1010
  8. Hi @Skafec, Have a look at this CodePen to see how you can move an element to the top left corner ... also, clicking that same tile moves it back to its original position. https://codepen.io/sgorneau/pen/wvMBzoo?editors=0010 Happy tweening! Shaun
  9. Shaun Gorneau

    audio loop

    We definitely need to see a CodePen of what you’re doing and how your controlling it. loop isn’t something in GSAP, but repeat is.
  10. Good to be around, @PointC! One of my favorite places to be! 👍
  11. Happy to help, @david_br! One thing I forgot to mention ... I changed the opacity property to autoAlpha because it takes into account a few things that opacity alone doesn't account for (like how "opacity: 0" still get's pointer-events, for example).
  12. Shaun Gorneau

    SVG slideshow

    You're welcome, @Juc1!
  13. Hi @kf420, pretty cool way of using ScrollTrigger! The only thing you have to change is the third toggleAction ... to play. Those toggle positions are Enter from bottom ... leave the top ... come back in from top ... scroll all the way back to before start https://codepen.io/sgorneau/pen/ZEQEqjb Happy tweening! Shaun
  14. Hi Chris! Hmmm, a few more things for me to add here when testing in MacOS 10.15.5 Safari 13.1.1 Chrome 83.0.4103.61 Firefox 76.0.1 Edge 83.0.478.44 When resizing, onStart definitely fires for me (multiple times) in Safari, Chrome, Firefox. When resizing, onStart doesn't fire in Edge. onStart only fires once (for each start) in Safari, Chrome, Firefox. onStart fires three times on page load in Edge ... and then once for each real start. onEnter fires once in Chrome, Firefox ... but multiple times in Safari (when reversing to before onStart is called) onEnter fires once on page load in Edge (and that one time only)