Horizontal parallax effect with a subtle, intentional delay. Resizing based on windows size. Intended for use on Desktop websites with layered creative design elements.
A subtle window-resize based parallax effect created for a real website as secret feature in the footer section.
Find the live demo here:
1920×1080px
- or zoom out to see the full animation.50-100px
per step) and wait a little – like 1 sec.
– after each step. The parallax animation will slowly follow the resize direction.The animation will only start if the window is smaller than 1900px
but wider than 1000px
. This is to keep the footer element always in the centre (see screenshot).