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. Hhmmm - I remember a fly. Here a little revised and updated to GSAP3.0. https://codepen.io/mikeK/pen/rNxddjz Hey @GreenSock: Can you combine repeatRefresh and onRepeat / function? https://codepen.io/mikeK/pen/MWKNLVX?editors=1010 Happy weekend ... Mikel
  2. Hey @Dovisally, It is a question of logic. You need the array of sections and then the respective '.block', which you can then stagger. https://codepen.io/mikeK/pen/oNbKopZ Please use the current GSAP scrollTrigger version. Happy scrolling ... Mikel
  3. Hey @NightOwl, The 'key': trigger: target I added some toggleActions https://codepen.io/mikeK/pen/pogMJMq Happy scrolling ... Mikel
  4. Hey @anshul, Maybe this one? https://codepen.io/mikeK/pen/ExPBEBX Happy scrolling ... Mikel
  5. Hey @anshul, Welcome to the GreenSock Forum. Does this example meet your expectations? https://codepen.io/mikeK/pen/LYGKQrp Happy scrolling ... Mikel
  6. Hey, You could use simple staggers: https://codepen.io/mikeK/pen/zYrVxqp Happy tweening ... Mikel
  7. Hey @Nasr Galal, Your case in a codePen would be nice. Using classes, stagger and the new syntax - e.g.: https://codepen.io/mikeK/pen/eYJwYVz Happy tweening ... Mikel
  8. Hey, Here I have 'dug up' another concept: https://codepen.io/mikeK/pen/pogmXEz Happy tweening ... Mikel
  9. Hey ZACH, Cool concept! Happy creating ... Mikel
  10. Hey @Mike Hart, There are many ways to get GSAP. A good way: read the docs for installation. Happy tweening ... Mikel
  11. Hey @Mike Hart, Welcome to the GreenSock Forum. Normally, each ScrollTrigger will fire its callbacks (onEnter, onLeave, etc.) immediately when they occur but what if you want to coordinate an animation (like with staggers) of ALL the elements that fired a similar callback around the same time? That could get awkward to do manually. Same with IntersectionObserver So check out ScrollTrigger.batch(). Happy scrolling ... Mikel
  12. Hey @delux, Do you mean such a constellation? https://codepen.io/mikeK/pen/mdVJxwj Happy tweening ... Mikel
  13. Hey @jlordy1, Did you set dir="rtl"? <h1 id="quote" dir="rtl"> להישאר בחורים מגניבים</h1>. https://codepen.io/mikeK/pen/rbwBeG Happy tweening ... Mikel
  14. Hey @mylismyli, htlm objects and svg objects flexible, responsive to coordinate is not so easy. Theoretically, a simple solution would be to build everything - content and path - in a single SVG: proportions to each other would always be the same and everything responsive based on the viewBox. https://codepen.io/mikeK/pen/OJMGqEK Or you define static data for content (html objects) as well as for the path (svg) and then you can create several mediaQueries with adapted data depending on the window size. Happy tweening ... Mikel
  15. mikel

    Tweenmax free or paid

    Hey JACK, Here comes your GreenSock PIZZA https://codepen.io/mikeK/pen/XWmZmRN Enjoy your meal ... Mikel
  16. Hey @uzisky, Just another approach https://codepen.io/mikeK/pen/xxZeVag Happy tweening ... Mikel
  17. I guess you mean '3000px beyond where the start is'. That means: end: "+ = 3000" gsap.to(".background", { scrollTrigger: { trigger: ".parallaxContainer", pin: true, start: "top top", end: "+=3000", markers: true, } });
  18. Hey @Nemo333, An alternative suggestion: waves coded by PEACEPOSTMAN (still old GSAP syntax) https://codepen.io/mikeK/pen/EmjdEX Happy waving ... Mikel
  19. Hey @Just_Jack, Here an example https://codepen.io/mikeK/pen/ZEQPajv Happy tweening ... Mikel
  20. There is no need to close a post. Your confirmation that it helps you is enough.
  21. Hey @Matheus Dias, Welcome to the GreenSock Forum. This could be an option https://codepen.io/mikeK/pen/rNxRNJd Happy counting ... Mikel
  22. "There is text and there is beautiful text This beauty becomes manifest in content and representation. I'm firmly convinced that all written text (well, most of it) deserves fine typography, that we deserve it. While hyphenation is just one of many tesserae that forms the appearance of text, it may be an important one." * Therefore I would do without a SplitText animation with narrow window widths / e.g. smartphones. Voting for cool layouts and typography ... Mikel * A quote from the hobbyist programmer of Hyphenator.js.
  23. Hey @jockey1, Welcome to the GreenSock Forum. GreenSock recently released ScrollTrigger. It's much more intuitive and feature packed than ScrollMagic which is not a GreenSock product. Happy scrolling ... Mikel
×
×
  • Create New...