Jump to content
GreenSock

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

superbenj

ShockinglyGreen
  • Posts

    14
  • Joined

  • Last visited

About superbenj

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

superbenj's Achievements

  1. Can I restart an animation when completed? In this case, showing box 0 after box 3 shows when clicking on the next button?
  2. Is there a way to update ScrollSmoother onclick? because when we click on the second or third button, the footer is not visible? The pen on the top is updated!
  3. Is there a way with Gsap to adjust the parent height to fit the new requested section height and get the original height if the new section is closed?
  4. I'm using the amazing scrollSmoother. but it seems to have a problem using the navigation on the same page. When you click a section from the navigation you can't return on top of this section.
  5. superbenj

    Nested Accordion

    But on this demo, what is the right way to animate another element? like the minus appears when the menu is clicked and the plus disappears? https://codepen.io/superbenj/pen/RwxmOvQ
  6. Ok it's in second, I assumed 1 was equal, to 100% and not 1 second.Anyway, I'm gonna work on it. Thanks again for your help
  7. Of course, I understand your point that you can be biased, but as a superhero is also your role to tell when people don't use your product for the right use. I just did a full custom slider, but I came back to a slider library because there are a lot of things to think about when you create a slider. If I know it 2 weeks before that gsap could be used for that, my slider maybe will exactly as I wanted.. but anyway, always good to have feedback, even if it's biased 😆
  8. Oh the pen was updated https://codepen.io/superbenj/pen/ExovmRZ
  9. Wow, I'm amazed by gsap well, first question in my mind, Do you think it's a good idea to use gsap for a simple slider as the one @Cassie did?
  10. Another question. If I want to create a smooth animation for the content to disappear/appear, can I use a keyframe? In my pen, the first animation look's like it waits until the end of the video before starting it? once(video, "loadedmetadata", () => { tl.fromTo(video, { currentTime: 0 }, { currentTime: video.duration || 1, duration: 1, ease: "none" }) tl.to(".panel-1", { keyframes: [ {yPercent:0}, {yPercent:10, onComplete: () => { console.log('complete')}}, {yPercent:-100, ease: 'sine.out'} ] },1/4); tl.to(".panel-2", { opacity:1, },"<1.5"); tl.to(".panel-2", { keyframes: [ {yPercent:0}, {yPercent:10, onComplete: () => { console.log('complete')}}, {yPercent:-100, ease: 'sine.out'} ] },2/4);
  11. Hello I'm trying to create an animation based on the duration of a video that is played frame by frame. Actually, the first text panel disappears when the video start and the last text panel doesn't show.. Any advice on changing the first text panel after 1/3 of the duration of the video, then showing the second panel for another 1/3 and finally the last text panel for the last 1/3 and continuing the scrolling? Thank you very much for your time
×