Jump to content
Search Community

mikel last won the day on March 14 2022

mikel had the most liked content!

mikel

Moderators

  • Posts

    2,157

  • Joined

  • Last visited

  • Days Won

    71

 Content Type 

Everything posted by mikel

8
9
10
...
82
Page 9 of 82  
  1. mikel
    Hey, Could this be a way to manage the hover? https://codepen.io/mikeK/pen/NWjxEMp Happy tweening ... Mikel
  2. mikel
    Hey @UwetU, It would be great if you showed your case in a CodePen. Then one could better imagine what you mean. Happy tweening ... Mikel
  3. mikel
    ... just like here ??? https://codepen.io/mikeK/pen/qBmbEJR?editors=0110 Happy tweening ... Mikel
  4. mikel
    Hey @jakob zabala, A custom ease is the clever way. And here GSAP CustomWiggle offers a very good choice. https://codepen.io/mikeK/pen/KKmVwKB Happy wiggling ... Mikel
  5. mikel
    Hey @Sonu Pandit, Welcome to the GreenSock Forum. I'm not sure what exactly you mean. Here as I understand it: you could use stagger tweens that are coordinated with each other. There are certainly other options. I changed the html and css a bit. https://codepen.io/mikeK/pen/xxdwqYE?editors=0110 Happy tweening ... Mikel
  6. mikel
    Hey @Kire, Another option https://codepen.io/mikeK/pen/KKmdMdX Happy tweening ... Mikel
  7. mikel
    If you want the dragon to fly in both directions, here is an example: https://codepen.io/mikeK/pen/KKWNvNL Happy scrolling ... Mikel
  8. mikel

    SVG group animation

    mikel replied to GiovanniR's topic in GSAP

    Hey @GiovanniR, Welcome to the GreenSock Forum. It would be great if you showed your case in a CodePen. Then one could better imagine what you mean. Happy tweening in a CodePen ... Mikel
  9. mikel
    hey @sam_tween_journeyer, Welcome to the GreenSock Forum. Hmm - I don't know what your construct is about. Here is a simple version with GSAP ScrollTrigger. https://codepen.io/mikeK/pen/MWmwpWN That means convenience. You just use what you call up in the code. Happy scrolling ... Mikel
  10. mikel
    Hey @Peach2tm, There are different options / ways. Here are a few https://codepen.io/mikeK/pen/3e1f3430764662349f3009efbfa2c064 Sorry it is still the old GSAP syntax! Happy tweening ... Mikel
  11. mikel
    Just swap the start and end point of the path. //old d="M 120 160 Q 300 0 500 150" //new d="M 500 150 Q 300 0 120 160"
  12. mikel
    Hey @alal111 On the one hand, it is much easier to combine all the elements in the SVG. And: a path can easily be coded by hand. https://codepen.io/mikeK/pen/yLbNOLV?editors=1010 And for the scroll-effect you could use GSAP ScrollTrigger. Happy tweening ... Mikel
  13. mikel
    Hey, you could use advanced stagger. gsap.to(".box", { y: 100, stagger: { // wrap advanced options in an object each: 0.1, from: "center", grid: "auto", ease: "power2.inOut", repeat: -1 // Repeats immediately, not waiting for the other staggered animations to finish } }); Happy staggering ... Mikel
  14. mikel
    Hey @Peach2tm, Welcome to the GreenSock Forum. If you want an endless repeat, you could use function-based values or random values in a loop. https://codepen.io/mikeK/pen/jOmPWOJ ... and please provide your case in a CodePen - its easier for us. Happy tweening ... Mikel
  15. mikel
    Hey @renny, Perhaps this example will give you some inspiration. https://codepen.io/mikeK/pen/xxdGxNV?editors=1010 Happy scrolling ... Mikel
  16. mikel
    Another example - just for fun ... https://codepen.io/mikeK/pen/c5041627438d6f664bb87f59e8993674?editors=1010
  17. mikel
    Hey @hmontelongo, Take a look at Advanced Stagger: 'The same thing is true for callbacks (e.g. onUpdate, onComplete, onStart) - including them inside of the stagger objects makes them fire per element.' Happy tweening ... Mikel
  18. mikel
    My recipe: trial & error. Just try something.
  19. mikel
    Hey @Dushyant Kumar, Is this example helpful? https://codepen.io/mikeK/pen/gOwRZON Happy tweening ... Mikel
  20. mikel
    ... just another concept. https://codepen.io/mikeK/pen/mdeWgXQ?editors=0010 Happy framing ... Mikel
  21. mikel
    Hey @Cassie, This is how you could do it - without inline transforms. https://codepen.io/mikeK/pen/yLbybJo?editors=1000 Happy masking ... Mikel
  22. mikel
    SVG tspan requires fine work. So here just for fun SplitText. https://codepen.io/mikeK/pen/rNmNjWB This example from PETE could help you also. https://codepen.io/petebarr/details/QWWMgyE Happy tweening ... Mikel
  23. mikel
    Hey @Eugene Rayner, I am not a vue expert. It could go something like this https://codepen.io/mikeK/pen/dyWbeMq Happy tweening ... Mikel
  24. mikel
    Hey @DexteRs Code, Maybe you could implement this logic with two stagger-tweens at a proper time https://codepen.io/mikeK/pen/zYwOzZq Happy tweening ... Mikel
  25. mikel
    Hey @Diego Gnoatto, Welcome to the GreenSock Forum. Perhaps text-anchor = "middle" alignment-baseline = "central" is a good solution https://codepen.io/mikeK/pen/rNmBeBq Happy tweening ... Mikel
8
9
10
...
82
Page 9 of 82  
×
×
  • Create New...