Jump to content

Search In
  • More options...
Find results that contain...
Find results in...
Ahsan Jamal

Screen Scaling and opacity animation

Recommended Posts

I want to animate the home page of my website like this one : http://discoveroutpost.com/

I am using GSAP TweenMax function but unable to get the smooth animation like this. I am also trying the ScrollMagic Library for it but still no luck. Please guide how can I achieve this. Thanks in advance.

Link to comment
Share on other sites

This is fairly easily achieved without ScrollMagic ... you just create your scaling and moving timeline, pause it immediately and then use scroll (position/determined distance) to set the timeline's progress.


Here is a simple example


See the Pen jGKvVX by sgorneau (@sgorneau) on CodePen

  • Like 4
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.