Jump to content
Search Community

Vineeth Achari

Members

  • Posts

    40

  • Joined

  • Last visited

 Content Type 

Posts posted by Vineeth Achari

    Apple.com Zoom In Typo Scroll Animation

    in GSAP

    Posted

    19 hours ago, Trapti said:

    How can I slow down the text scaling speed? I have attempted the following step.

     

    tl.to("#text-svg", {scale: 100, xPercent: -300 ,  transformOrigin: "50% 50%"}) 

    to

    tl.to("#text-svg", {scale: 0.1, xPercent: -300 ,  transformOrigin: "50% 50%"}) 

     

     

     

     

     

     

     

     

     

     

     

     

     

    Hi, 

     

    Here is pen I created some time back for the same effect. This might not be the perfect one, but you will get some idea. 

     

     

     

     

    Marquee without loop one time scroll

    in GSAP

    Posted

    Fantastic! It works fine.

    I just wanted to clarify that the text now appears at the center of the page. It should begin on the right side of the screen. I've changed the delay/duration, but nothing seems to be working. 

     

     

    Much appreciated!

    Marquee without loop one time scroll

    in GSAP

    Posted

    i just want to scroll this onetime means this is suppose to comes in the hero banner of the landing page. if we are opening the site first time it should scroll only in the first time then its disappear.

     

    now its keep scrolling.....

    Live-Breathe-and-Spread-Film (1).png

    Marquee

    in GSAP

    Posted

    @SteveS Suppose this will comes in the landing page hero, it should be start the animation from half of the window after the page load or every time if refresh the page. After it can be move continues.

    ScrollTrigger not working

    in GSAP

    Posted

    On 7/3/2022 at 10:02 PM, GSAP Helper said:

    It's pretty tough to troubleshoot without a minimal demo - the issue could be caused by CSS, markup, a third party library, your browser, an external script that's totally unrelated to GSAP, etc. Would you please provide a very simple CodePen or CodeSandbox that demonstrates the issue? 

     

    Please don't include your whole project. Just some colored <div> elements and the GSAP code is best (avoid frameworks if possible). See if you can recreate the issue with as few dependancies as possible. If not, incrementally add code bit by bit until it breaks. Usually people solve their own issues during this process! If not, then at least we have a reduced test case which greatly increases your chances of getting a relevant answer.

     

    Here's a starter CodePen that loads all the plugins. Just click "fork" at the bottom right and make your minimal demo: 

     

     

    Even when I enable the locomotive js, the background image transition does not work. As the website work is 90% complete, I cannot use any other library. I'm still struggling with this and have tried other solutions, as well as posting in job/freelance. Please help me out with this.
     
    Please have a look at this. 

    See the Pen KKoVWaa by vineethachari (@vineethachari) on CodePen

    .
    (Image transition js i have put it line number 481 you can see in the codepen.)
    Much Appreciate!

     

     

     

     

     

    On 7/3/2022 at 10:02 PM, GSAP Helper said:

     

    If you're using something like React/Next/Nuxt/Gatsby or some other framework, you may find CodeSandbox easier to use. 

     

    Once we see an isolated demo, we'll do our best to jump in and help with your GSAP-specific questions, which we love to do, but unfortunately we just don't have the resources to provide free general consulting, logic troubleshooting, or "how do I recreate this cool effect I saw on another site?" tutorials. Of course anyone else is welcome to post an answer if they'd like - we just want to manage expectations.  

     

    You can post in the "Jobs & Freelance" forum for paid consulting, or contact us directly. 

     

    Otherwise, if you've got a GSAP-specific question just post that here along with a minimal demo and we'd be happy to take a look. 

     

    • Like 1

    ScrollTrigger not working

    in GSAP

    Posted

    Hi,

     

    I have developed a new film site, https://vineethachari.cloudvent.net/test/work1.html that incorporates all these plugins (Barba.js/Locomotive/GSAP/ScrollTrigger). 
     
    The ScrollTrigger JS at the above mentioned URL is commented out as of now. Because, enabling ScrollTriggerJS does not achieve the following section effects. 
     
    Untitled-Document-min.jpg.845541170f65d23cddde19fde151e5fa.jpg
     
    Could someone please help me find a solution to this, as I still have facing some issues with plugins.
     
     
     

    Scrolltrigger video + play on viewport

    in GSAP

    Posted

    On 2/2/2022 at 4:40 AM, OSUblake said:

    How do I play the Vimeo video normally in the viewport when scrolling?

     

     

    Here's a demo with a helper function for scrubbing videos.

     

     

     

     

    The rest of your questions sound more layout/CSS related, so that's on you. 😉

     

1
2
Page 1 of 2  
×
×
  • Create New...