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

Everything posted by mikel

  1. Hey @crmichael, This example could give you some pointers. https://codepen.io/mikeK/pen/b42d4a0106c9a496950ca256281746b2?editors=0110 Is it helpful to you? Happy tweening ... Mikel
  2. Hey @christanto, Welcome to the GreenSock Forum. This example could give you some pointers. https://codepen.io/mikeK/pen/KKWNvNL?editors=1010 Happy scrolling ... Mikel
  3. Just for fun ... https://codepen.io/mikeK/pen/3a56b74b4e34ba1e2acc1ce55a9bcf87?editors=1010 Happy scrolling ... Mikel
  4. Hey @Richard Lindsay, It could also be made a little more complicated. https://codepen.io/mikeK/pen/zYwQpBq Happy tweening ... Mikel
  5. Hey @bytrangle, There are so many ways and means. Give it a try. At the end of the day you will see ... https://codepen.io/mikeK/pen/rNmNjWB?editors=1010 https://codepen.io/mikeK/pen/PobOwjN https://codepen.io/mikeK/pen/yLgOMbm Happy learning ... Mikel
  6. Hey @junik91, Unfortunately I am not a three.js expert. As far as the appropriate positioning of your text animation is concerned, try it with scrollTigger onUpdate and place the anims anlog to the progress as you like. Here's an example https://codepen.io/mikeK/pen/qBqEeMj And: As Blake says, a minimal demo would be helpful. Happy tweening ... Mikel
  7. Hey @blumaa@gmail.com, Unfortunately I am not a pixi expert. This is how I would create an animation based on my long-term observations of the moon. https://codepen.io/mikeK/pen/ExmrzjG Happy tweening the moon or the earth ... Mikel
  8. Hey @barrard, This thread will definitely help you: Happy tweening ... Mikel
  9. Hey @LSchneiderman, Of course you can also use GreenSock ScrollTrigger. Turn up the volume. https://codepen.io/mikeK/pen/yLbZJra?editors=1010 Happy tweening ... Mikel
  10. Hey Blake, Greetings from the coast https://codepen.io/mikeK/pen/abBOwbR Happy tweening ... Mikel
  11. Hey @maettuu, You could use the option once:true // an option Happy scrolling ... Mikel
  12. Hey @maettuu, Welcome to the GreenSock Forum. Just do it without onUpdate. https://codepen.io/mikeK/pen/JjNmpKb Happy tweening ... Mikel
  13. Hey @lgo, That´s a job for stagger. https://codepen.io/mikeK/pen/XWRYVoM Happy tweening ... Mikel
  14. Hey @neworigin, I like such a combination of linearGradient and mask. https://codepen.io/mikeK/pen/LYyrOOV?editors=1010 Happy masking ... Mikel
  15. Hey @.mdl, Try a specific position for the SVGs. svg { position:absolute; top: 50%; left: 50%; width: 50%; height: 50%; overflow: visible; transform: translate(-50%, -50%); } Your code could be simplified a lot more. https://codepen.io/mikeK/pen/bGWKWwV Happy scrolling ... Mikel
  16. Hey @KST, You could use the GSAP InertiaPlugin. I don't find a suitable logic to combine this with the scroll / scale effect, the actual wave, however - maybe you will get on with this demo. https://codepen.io/mikeK/pen/ZEKRYYE Happy scrolling ... Mikel P.S. The animation, the web of ARISTIDE is super cool!
  17. mikel

    Circle menu

    Hey @Sawqa172 Welcome to the GreenSock Forum. Maybe this demo will lead you to your goal. https://codepen.io/mikeK/pen/abWGrXX Happy scrolling ... Mikel
  18. ... and a test using revert() https://codepen.io/mikeK/pen/RwVyvyN Maybe it helps ... Mikel
  19. @Sascha Fincher, Just one try (wordsClass: "word ++"), but the line break after resize is not proper. https://codepen.io/mikeK/pen/yLbjGmg Good luck ... Mikel
  20. Hey @Sascha Fincher, Welcome to the GreenSock Forum. If you have a fixed line break, then you could use two spans. https://codepen.io/mikeK/pen/vYyEYbZ Happy splitting by members ... Mikel
  21. Just another concept https://codepen.io/mikeK/pen/OJbjYrd Happy tweening ... Mikel
  22. Hey @Carsten, If you combine all the relevant elements in one SVG, you usually have better opportunities to keep everything under control. https://codepen.io/mikeK/pen/3462e15a2d1aad8b9bb354814b05c716?editors=1010 Good luck ... Mikel
  23. Hey @Carsten, Again, it is helpful to build the reduced case in a CodePen. That helps you to assess the setting, especially when it comes to responsive, flexible constellations. And we have a better chance of helping you. Happy exploring ... Mikel
  24. Hey @Carsten, Just for fun ... https://codepen.io/mikeK/pen/9f6aa8fbc6ba0a84ff00b8f28fb4e7ed?editors=0010 I hope it helps. Mikel
  25. Hey @Carsten, Welcome to the GreenSock Forum. As cassie mentioned, a minimal CodePen would be very helpful. If urgent, here the locksmith service https://codepen.io/mikeK/pen/a8ec0c2b83f8fdfab896877b9b81a2d5?editors=0110 Happy locking ... Mikel
×
×
  • Create New...