Jump to content
Search Community

midnightgamer

Members
  • Posts

    36
  • Joined

  • Last visited

Everything posted by midnightgamer

  1. Hello everyone, I am fairly new with GSAP and ScrollTrigger as well. What I want is I have a div with some text in it I want to center it as user scroll it and later when it is center I want to expand it's height and width to cover whole viewport.
  2. I new in GSAP and trying to learn it by cremating new sites. What problem I am facing is I have 4 section and I am using fullPage.js to scroll 1 section at a time. I am using gsap to animate some elements. But all elements are getting animated. I want to stop it. Anyone help me thanks in advance, https://codesandbox.io/s/pedantic-mestorf-d8znp?file=/src/App.js:389-412 Sandbox
  3. I am trying to learn GSAP by making project. I had create this project Hosted site. I am using Farmer motion and GSAP. I added page transition but when I visit home page again there some animation that wan't to stop. git repo Thanks for help.
  4. Is there any platform where I can learn Farmer Motion?
  5. Thanks for sharing , Liquid effect is just one part of it. I will try to recreate page transition effect and I think that is achievable with GSAP.
  6. I am trying to learn GSAP by creating new project. I chose to recreate https://dribbble.com/shots/14108886-Sculpture-Homepage-Concept this animation. I need help to recreate the liquid effect on video and image reveal.
  7. Ohh, Yeah Thanks It worked. By the way I am huge fan of your work saw some videos on YouTube.
  8. I am trying animate child of element dynamically on button click. Here is the code for selecting the nth-child I am passing ${c} as parameter to function. var child = CSSRulePlugin.getRule(`.main-overlay .child:nth-child(${c})`) console.log(child) TweenLite.to(child, {duration: 1.4, width: '100%', ease: "expo.inOut", stagger: 0.4}) But child is undefined, What is wrong with my code?
  9. Thanks for taking efforts, But I have solved the problem. But can you guide me how can I install and use CSSRule plugin.
  10. I am fairly new in GSAP animation. I am trying to recreate landing page and animate it through gsap to learn it better. What I want to there is two layers of slide changes. The one appear after page load I want to execute that when I click next button. I can't provide codepen link as I am using some assets. https://the-flash-sale.web.app/ Thanks for help.
×
×
  • Create New...