By definition:
The 'Shift Effect' uses CSS transformation to alter the positioning of the element on the page outside its default position within their parent frame or block'.
Put simply:
On MOBLE you can shift any frame Up, Down, Left or Right, by a distance of either 25%, 50% or 75% of the Parent Frame (i.e. the one outside of it).
In the example below the inner frame of the block is set to 'Up' and 25%, moving the Frame upwards to sit on top of the image.
Shift effect can be used to create appealing looks for striking headings and featured content.
Here we see how the effect is applied in the Frames Drawer. The inner Frame is set to 'Up' and '25%', with a yellow background colour for a high contrast effect.
Stepping aside from DirtyFeet, here is Shift Effect as seen in a recent MOBLE website design. The Form has been shifted outside of its parent Frame (the image). This gives great emphasis to the Form. A slight upwards parallax was also placed on the form, so it moves upwards as you as you scroll to grab focus and demand attention. http://www.slabtec.com.au/