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


Everything posted by mikel

  1. Hey @Lichay, Did you understand the logic of the two variants?
  2. Hey @Lichay, You have already received several tips on this case (its a logic issue): tips-for-writing-animation-code-efficiently, Most Common GSAP Mistakes Here are two options how to do it https://codepen.io/mikeK/pen/MWjNRGv https://codepen.io/mikeK/pen/XWjvwRo Why do you combine a click event with ScrollTrigger? What do you expect? Happy tweening ... Mikel
  3. Hey @Lichay, How do you move a carrot from right to left and some delay back again. Here is an attempt, a little experiment. https://codepen.io/mikeK/pen/qBaePZe Happy tweening ... Mikel
  4. OK - second lesson https://codepen.io/mikeK/pen/RwGXVLo Happy cutting ... Mikel
  5. ... a simple cut https://codepen.io/mikeK/pen/poEMepP Happy tweening ... Mikel
  6. Hey @singlexyz, I would use SVG clipPath and then two corresponding tweens https://codepen.io/mikeK/pen/OJReJbq More info: Clipping in CSS and SVG, research on browser support levels for CSS clipping and masking Happy tweening ... Mikel
  7. Hey @saf94, Welcome to the GreenSock Forum. Does this example clarify your questions? https://codepen.io/mikeK/pen/XWjwMOQ?editors=0010 Happy tweening ... Mikel
  8. Hey @sinobra, Here are two more suggestions: https://codepen.io/mikeK/pen/KKddmJm https://codepen.io/mikeK/pen/ZEbGYbG Happy tweening ... Mikel
  9. 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
  10. 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
  11. 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
  12. 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
  13. Hey @Nysh, This could be an alternative https://codepen.io/mikeK/pen/WNGmQvG Happy tweening ... Mikel
  14. Hey @mattdown, "It seems to judder a bit ...": With the two scroll triggers for the same object, you trigger a classic conflict.
  15. In my last example the wrap is pinned during the color changes. And it will be unpinned after animation. Can you see that too?
  16. @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
  17. 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
  18. 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
  19. 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
  20. ... ... and push the practice. A learner's advice. Mikel
  21. Hey @JamesGrubb, ... an alternative suggestion. https://codepen.io/mikeK/pen/oNzmqeK Happy tweening ... Mikel
  22. 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
  23. If you delete the second tween ... // .to('.green', {xPercent:-11}, '+=0.5') // option
  24. Hey @CADS - Team, Do you expect this effect, this sequence? https://codepen.io/mikeK/pen/YzGBVob Happy tweening ... Mikel
  25. ... and a random version https://codepen.io/mikeK/pen/Exgrgdg