GreenShift Scroll Image Module

Scroll down

A question from someone on Facebook asking to recreate a hover scroll animation using Greenshift. So I tried to do it and I think I succeeded as well.

If you’d like to purchase the code for €1 instead of following the tutorial, here’s a link.

Scroll image tutorial
Add a container

Add a container that will hold the image. Give it a height, for example, 200px. Under Spacing set the Overflow to hidden

Add the image

Add the image to the container. In Advanced go to CSS transform. After Creative Bezier put in 5 (which means it will take 5 seconds to transform. Then press the hover icon

image 2
Hover Icon

In ShiftY add -100%.

Done