javascripthtmlcssparallax

Recreating the github 404 effect


When I move the mouse around the car and obione and the 404 error kinda just wobble around and I really love that effect:P. How would I recreate it? You can find the what I'm talking about here.

I have a good amount of knowledge in HTML, CSS and javascript, but I just cannot figure out how they did that :P


Solution

  • They used Plax JS:

    Plax is a jQuery plugin that makes it suuuuuper easy to parallax elements in your site based on mouse position. You can see it implemented in many places throughout GitHub, including the 404 page, the 500 page, and the about page. I've also used a modified version to parallax a URL.