CSS - ¿Como podría hacer algo semejante?

Buen día, me estuve dedicando a ver varias página para poer expandir mi conocimiento del CSS, pero de manera mucho mas visual, y vi la siguiente página http://www.maritime.com.mx/

Me llamo la atención ya que cuando das scroll aparecen los objetos mientras vas avanzando, pero si en cambio te alejas desaparecen.

¿Hay alguna manera de hacer algo parecido, o alguien me podría dar algún ejemplo pequeño con diferentes divs y objetos para poder hacer algo yo por mi cuenta?

Quisiera realizar una página así pero no tengo tanto conocimiento de CSS.

Muchas gracias de antemano

yo lo haria mediante la Propiedad Scroll de Jquery ;)


Demo:
http://codepen.io/AngelKrak/pen/YyJzjg

Muchas gracias, ¿habria que hacerse algun tipo de excepcion o algo diferente para poder hacer que diferentes divs se muevan cada que se va bajando la pantalla?

Lo que pasa es que puse un div abajo al original y se movian al mismo tiempo ambos

Te agradezco mucho la ayuda hasta ahora, quiero saber hacer diferentes tipos de estilo y esto es una gran ayuda, aunque practicamente se esta haciendo con jquery en lugar de css, aunque no me molesta

si amigo, tendrias que poner codigos igual pero con diferentes propiedades ;)

mira la demo otra vez ;)
http://codepen.io/AngelKrak/pen/YyJzjg

Muchísimas gracias, me ayudaste muchísimo, te lo agradezco