Simple CSS3 Collapsing Header Effect

Published on
June 11, 2013

I wanted a non-JavaScript solution to make a full-width header image appear as though it was collapsing, with content below traveling above the image as the user scrolls. This is what I came up with after a few minutes of tweaking.