The Ken Burns effect is added to a Slide's Main Background image as "data-" attributes
The Ken Burns Effect
An important thing to keep in mind when working with the Ken Burns effect is that an image’s ability to move in any given direction is based on how it fits into its slide container.
As an example, if you wanted to move an image from left to right, an image with a slightly higher width ratio than the slider, along with an equal height would work best. So if your slider is 1000×500, an image sized at 1500×500 would pan left to right nicely.
And likewise, to pan an image up/down, if the slider’s size was 1000×5000, an image with a 1000×1000 size would work best.
- on
- off
The two numbers used in the "data-offsetstart" and "data-offsetend" represent horizontal(x) and vertical(y) movements.
<!-- BEGIN SLIDE -->
<li data-transition="fade">
Â
    <!-- SLIDE'S MAIN BACKGROUND IMAGE -->
    <img src="assets/images/notgeneric_bg5.jpg"
        alt="Ocean"
        class="rev-slidebg"
        data-bgposition="center center"
        data-bgfit="cover"
        data-bgrepeat="no-repeat"
Â
        data-kenburns="on"
        data-duration="9000"
        data-ease="Linear.easeNone"
        data-scalestart="100"
        data-scaleend="200"
        data-offsetstart="0 0"
        data-offsetend="0 0"
        data-rotatestart="0"
        data-rotateend="0">
Â
</li><!-- END SLIDE -->