Back
Post
Posted

Scrolling Effect on Kanye West's Website Looks Cool. How Does it Work? (Javascript)

I'm trying to figure out how the scrolling effect on KanyeWest.com works.

onPageLoad a video pushes down the content and well ... it looks quite cool.

I've got something working: https://jsfiddle.net/harrydry/ubkz71wb/18/

But I haven't managed the neat scrolling effect. Grateful for any advice?

If you're confused by what I mean go on the http://KanyeWest.com to see the effect.

Thanks


Add a keyframe animation to the element that scrolls down. Transform/move it up by 100vh (or whatever value) initially and then trigger the animation to go back to zero once the video is loading.

Legend. Thanks Pug. All Working

Home
Search
Messages
Notifications
More