Jump to content

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

mikel last won the day on January 16

mikel had the most liked content!


  • Content Count

  • Joined

  • Last visited

  • Days Won


mikel last won the day on January 16

mikel had the most liked content!

Community Reputation

3,665 Superhero

About mikel

  • Rank
    Advanced Member
  • Birthday 05/30/1954

Profile Information

  • Gender
    Not Telling
  • Location

Recent Profile Visitors

7,593 profile views
  1. Hey @ynamite, That'll be fine ... Another stroke joke from my personal point of view: Some strokes are stubborn. Some bossy. Other so simple. Some of them just disappear. The good thing about it: It's up to you. https://codepen.io/mikeK/pen/d220dfbc43151b8f9e72e75b382ca02d?editors=1010 Mind UX: Do not address such experiments to ordinary users who only expect what they are used to. They might get confused. Happy tweening ... Mikel
  2. Hey @ynamite, Ohh sorry - it's rather fun. Perhaps the structure of the strokes, the sequences, are interesting. Otherwise, put it aside. Good luck ... Mikel
  3. Hey @ynamite, Here is a 'test candidate' (not optimally timed) from the first days of ScrollTrigger. Maybe testing is more fun this way ... https://codepen.io/mikeK/pen/eYdXBQW Happy testing ... Mikel
  4. Hey @ynamite, Don't despair. Look at this example. Maybe there will be some suggestions and you will find new courage. https://codepen.io/creativeocean/pen/zYrPrgd?editors=1010 Happy scrolling ... Mikel
  5. Hey @Nysh, This could be an alternative https://codepen.io/mikeK/pen/WNGmQvG Happy tweening ... Mikel
  6. Hey @mattdown, "It seems to judder a bit ...": With the two scroll triggers for the same object, you trigger a classic conflict.
  7. In my last example the wrap is pinned during the color changes. And it will be unpinned after animation. Can you see that too?
  8. @pjtf93, Look at the structure and logic in this case. And try to adapt it to your needs. https://codepen.io/mikeK/pen/NWRoQJo happy tweening ... Mikel
  9. If you shorten the duration e.g. to 0.1, the animation runs as in your example. The progress of the animation is not linked directly to the scroll. Happy scrolling ... Mikel
  10. Hey @ncti, Please take a look at the notes and examples for the property pin. In my last example the wrap is pinned during the color changes. Happy tweening ... Mikel
  11. Hey @mattdown, You could use a callback that gets called every time the progress of the ScrollTrigger changes: observing the direction. https://codepen.io/mikeK/pen/zYBawGa Happy scrolling ... Mikel
  12. ... ... and push the practice. A learner's advice. Mikel
  13. Hey @JamesGrubb, ... an alternative suggestion. https://codepen.io/mikeK/pen/oNzmqeK Happy tweening ... Mikel
  14. Hey @ncti, Hmmm - this forum is not a 'request concert'. Please focus on understanding questions about GSAP. https://codepen.io/mikeK/pen/yLaZvoa Happy tweening ... Mikel
  15. If you delete the second tween ... // .to('.green', {xPercent:-11}, '+=0.5') // option