Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

_Greg _

  • Posts

  • Joined

  • Last visited

About _Greg _

  • Birthday 11/22/1985

Profile Information

  • Gender
  • Location

Recent Profile Visitors

1,535 profile views
  1. Hi! Off-topic (!NOT about GSAP): About counters watch video from "google chrome developers" chanel, they say about all problems with counters in one video They create optimal solution
  2. Thank you @GreenSock @PointC
  3. Hi! I find on documantation page property startAt What different between .fromTo and startAt? What are the features of using startAt
  4. Hi! Not sure that this is right way, i think is simple way to use `repeatRefresh` Check https://codepen.io/gregOnCodePen/pen/dyVvaaY?editors=0010 duration, delay, and stagger you can't update with this method.
  5. Hi, and wellcome! Please check this answer Check Helper Function loop for more details https://greensock.com/docs/v3/HelperFunctions#loop
  6. Split your task into sub-tasks. Try to answer the questions: Does the grid have a fixed pattern? (If fixed, then you can try to build a grid using css, otherwise - js). What is the logic of building the grid (where is the first element, in which direction it is built, which element should become small or medium)? Does the grid should have reps, random ... After you create grid - animation will take much less time. Building the grid in your example is just the hardest task, animation is simple (if you don't add lazy loads as you animate, loop ...)
  7. Sure! If you check GSAP home page you will see gallery https://codepen.io/creativeocean/pen/wvzdVPo If you check GSAP page on Codepen you will find alot of usefull examples and answers https://codepen.io/GreenSock For a more specific answer you need to ask a more specific question. Please create a minimal demo
  8. Hi! Sure! You can create animation like this, but not sure about slider revolution or smart slider they are very heavy, I think they are not suitable for such a task, better write your own slider, because its simple task (generate masonry grid) or you can generate grid with masonry and animate it after (not sure)
  9. Hi, @yeu! Check https://greensock.com/docs/v3/Plugins/ScrollTrigger ScrollTrigger + gsap can do all things like in your example You can check ScrollTrigger Demos page
  10. Hi! Try this: handle.t1 = gsap.timeline({ repeat:-1, onStart() { console.log('start'); }, onComplete() { console.log('complete'); } }) .to("#Handle", { duration: 100, x: 1000, ease: "none" });
  11. Hi! Don't forget to check if object load, only after - you can get contentDocument You dont need wait till document load, only object.
  12. I try to learn all functionality of gsap, there is many methods witch i ever seen or use, so i ask can i use buid-in methods like ScrollTrigger.batch(). I never use it, and I think I can implement my idea with this function 😊 (its working now but only in widget in gsap site )
  13. @GreenSock Yes, this is exactly what I was looking for. The reason i'm trying to avoid a .forEach() - i think that gsap on animate lots of elements with one selector has a built-in method to determine the element at each iteration like y: (i, el) =>... Also, I have tried to use ScrollTrigger.batch, like @elegantseagulls wrote above, but don't understant how to use the scrub 🙁 UPD: I find example scrub is working but again - one start point for all elements : https://codepen.io/gregOnCodePen/pen/abwjXbR?editors=0010 If i open codepen in fullscreen - its show that all elements starts from one point But if i looking in widget: It's a bit strange 😦