Parallax scroll effect like Twitter. Pure css, javacsript free.
Based on http://codepen.io/keithclark/pen/JycFw?editors=010
Putting something further back on the Z-Axis makes it move (scroll down with you) slower? Or am I missing something?
thx @brownerd .
Hi @darrylhuffman , Yes, translateZ(-2px) is slower than (-1px). because this simulates parallax effect naturally. It moves slowly as those of distant.
Parallax effect is originally an idea to simulate 3D, using a 3D way to make it is wise!
thnx @mok20123 . But wise man is Not me. I based on http://codepen.io/keithclark/pen/JycFw?editors=010 お互いに頑張りましょう！
Not gonna lie... That is pretty clever. Cool stuff!
Featured here: http://fribly.com/2015/05/30/pure-css-parallax-header/
I have been trying to nail down Keith Clark's parallax example into something I want to use for some time now, but your pen here has really helped me tie up all last loose ends.
thx @DDN-Shep. my pleasure.
Need to know how to enable it? Go here.