Jump to content

Jay George P

Blow up shape to fill screen

Moderator Tag
Go to solution Solved by mikel,

Recommended Posts

I'm trying to get this logo "motif" shape to fill the screen as you scroll.

I have it working but it's far from a smooth/polished experience.


Scroll down to activate the blow-up effect. I've added red borders just to make things clearer.


My question is, am I doing something wrong? And how can this be silky smooth?

At the moment it accelerates too fast and the 'easing' is not pleasing to the eye.

See the Pen NWwwLLQ by JayGeorge (@JayGeorge) on CodePen

Link to comment
Share on other sites

  • Solution

Hey @Jay George P,


Depending on your feelings, try the values:

end:'+=2000' or more
scrub: 0.3 for example
and set the tween ease:'none'


Happy tweening ...





  • Like 2
Link to comment
Share on other sites

Thanks for your feedback. I actually read about easing shortly after I posted this question.


Here is an updated and tweaked Codepen for anyone that runs into this too:


See the Pen RwjjmWv by JayGeorge (@JayGeorge) on CodePen

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.