Jump to content

mikel last won the day on March 14 2022

mikel had the most liked content!


  • Posts

  • Joined

  • Last visited

  • Days Won


Everything posted by mikel

  1. Hey @ross333, The simplest: Accelerate the reverse animation with timeScale. Otherwise you need two different animations or ... https://codepen.io/mikeK/pen/rNWWMGz Happy toggling ... Mikel
  2. Hey @shilpa_gz, here an example of GSP MotionPath ... https://codepen.io/mikeK/pen/zYPRNOj Happy tweening ... Mikel
  3. Hey @aleangelico, Welcome to the GREENSOCK Forum. The interaction of time, duration and ease is relevant here. Here is a small example: https://codepen.io/mikeK/pen/gOXodJQ??editors=1010 Happy tweening ... Mikel
  4. Hey @Pata, The circle could also be an SVG element. Then there's no problem with resize. Happy tweening ... Mikel
  5. Hey @OSUblake, Simple and cool ... https://codepen.io/mikeK/pen/jOaYzYz?editors=1000 Happy speeding ... Mikel
  6. Hey @Jay George P, Depending on your feelings, try the values: end:'+=2000' or more scrub: 0.3 for example and set the tween ease:'none' Happy tweening ... Mikel
  7. Hey @marko krstic, There are a number of options. Here is an example stagger from:"random" https://codepen.io/mikeK/pen/OJROYeb Or here are some other suggestions https://codepen.io/mikeK/pen/vYLygdY?editors=0010 Happy tweening ... Mikel
  8. Hey @Sixela, -webkit-text-stroke: This feature is non-standard and can lead to irritation (uncommend JS line 11). Here is a simple example using 'text-stroke' and alternatively SVG text. https://codepen.io/mikeK/pen/bGYYgXm??editors=0110 Happy tweening ... Mikel
  9. Hey @Dante Arceneaux, Good luck ...
  10. Hey @gilleskidjo, A little motivation to try it yourself... https://codepen.io/mikeK/pen/vYWePbe/904e80d7450e6db7104d24bb062a4290?editors=1010 Happy tweening ... Mikel
  11. ... and an example https://codepen.io/mikeK/pen/zYPEaPm?editors=1010 Nobody is perfect ... Mikel
  12. Hey @Dante Arceneaux, Try GSAP SplitTextPlugin. And then a loop or foreach for each letter ... Happy splitting and looping ... Mikel
  13. Hey @Jojoba007, This could be a possibility. https://codepen.io/mikeK/pen/xxPLRLo??editors=1010 Happy leaving ... Mikel
  14. Hey @Poylar, Without knowing your intention and the structure of the elements here is an example of animated polylines and rects. https://codepen.io/mikeK/pen/mdOMNrP Happy tweening ... Mikel
  15. Hey @Jojoba007, Here is an example with plain JS and new GSAP https://codepen.io/mikeK/pen/oNowmmz?editors=1010 Happy tweening ... Mikel
  16. Just an alternative ... https://codepen.io/mikeK/pen/ExbXrWz Happy tweening ... Mikel
  17. Hey NICK, Instead of sections you could also use the GSAP TextPlugin. https://codepen.io/mikeK/pen/oNowzWm?editors=0010 Happy tweening ... Mikel
  18. Hey @Skaiii, Welcome to the GreenSock Forum. Here an example which could be helpful. https://codepen.io/mikeK/pen/rNWWMGz Happy tweening ... Mikel
  19. Hey @NickWoodward, How about this concept? https://codepen.io/mikeK/pen/yLPXeWj??editors=0110 Happy tweening ... Mikel
  20. Hey @OSUblake, How about your speed concept? https://codepen.io/mikeK/pen/jYyXZd?editors=0010 Happy speeding ... Mikel
  21. Hey @Trynix, Combining two stagger tweens could be an alternative. https://codepen.io/mikeK/pen/JjOJGXB?editors=0110 Happy tweening ... Mikel
  22. mikel

    AutoAlpha que?

    Hey @NubieHere, This blog post might help you: Quick Tip: Removing a Flash of Unstyled Content (FOUC) Happy tweening ... Mikel
  23. mikel

    AutoAlpha que?

    Hey @NubieHere, Please look at the DOC autoAlpha https://codepen.io/mikeK/pen/OJOmvmq Happy tweening ... Mikel
  24. Hey @Archetype, Do you mean 'getBoundingClientRect'? https://codepen.io/mikeK/pen/vYWmWXr?editors=0010 Happy tweening ... Mikel
  25. Hey @vanquer, You could use a clip-path and animate it: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/clipPath Happy tweening ... Mikel