Using CSS to Change Translate Column on Scroll

Hi There,

I am trying to do a translation of a column upon scrolling past the section (or to the next row) but can’t seem to be able to do it.

Upon Scrolling I am trying to get this to occur, once scrolled back up, it should return to normal:

.revealonscroll{
transform: translate(0px,100px);
-webkit-transform: translate(0px,100px); /** Chrome & Safari /
-o-transform: translate(100px,100px); /
Opera /
-moz-transform: translate(100px,100px); /
Firefox /
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out; /
Chrome & Safari /
-moz-transition: all 1s ease-in-out; /
Firefox /
-o-transition: all 1s ease-in-out; /
Opera **/

I have included the following at the of the website in Theme Options

was wondering if someone could help me

I have included a picture of what i would like to accomplish. If there is a better way to do this, please do let me know!

Thanks!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.