Jump to content
Search Community

keep the line animation in center of screen.

fawad4Real test
Moderator Tag

Recommended Posts

Hi @fawad4Real welcome to the forum!

 

You' where not loading ScrollTrigger and you where importing GSAP twice. I removed your import code and moved it to the JS config panel. 

 

If your line, starts in the middle stays in the middle and finishes in the middle, will and line that is just `position:fixed` on the page not be a better solution? Right now it is animating, but if it would stay perfectly in the middle it would just look like it was not animating at all.

 

 

See the Pen yLKGKVx?editors=1000 by mvaneijgen (@mvaneijgen) on CodePen

  • Like 2
Link to comment
Share on other sites

Its actully a timeline line and the text (on left side), image(on right side) and the grey circle(at center) get triggered at the center of body and are colored but the the timing of red line animating is off .its start normal then gets too fast around center then slow down.... I want to keep animation of line (its height increase so it looks like it going down) in center as center is point where other animation get triggered...

image.png.b8b51c87afea40411deb5d0ba8305741.png

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...