Jump to content

Sundararajan KS

  • Posts

  • Joined

  • Last visited

Posts posted by Sundararajan KS

  1. Hello,


    I am trying to change the color of the title from Black to White (& fade the intro text) when the title starts entering the blue region and stays there until the user scrolls back up.

    But for some reason, the color change happens either earlier or late but never on the border. I tried to get the height of the intro text and then set the start/end value,  start position of the blue region etc, but nothing is working.


    Can anyone please help and let me know what I am doing wrong.


    I can't hardcode pixels as the introduction text below the title can be one line or 10 lines.


    Design like this:Untitled.thumb.jpeg.83de67f31674353db8587e7eceb7e541.jpeg


    See the Pen mdweQQL by sundararajanks (@sundararajanks) on CodePen

  2. Hello,

    I am brand new to GSAP (started yesterday) and I am trying to create an animation/scroll trigger like on this website https://www.bertani.net/style/ from the section "Bertani styles" in my current project. The closest I could find is this -  , but this is not same as on the above reference site.


    Here, the heading is pinned on scrolled and on further scroll the image is also pinned and the next heading scrolls up as a layer and the image is pinned again and on scroll the next heading with image shows up as a layer and so on.


    Can anyone help me here please?


    See the Pen gOWVvzy by sundararajanks (@sundararajanks) on CodePen