Layer Slider

3.3. Ken Burns Settings

Last updated: Mon Jan 07 2019

An elegant pan/zoom that will move and scale the main background image slowly after the slide comes into view.

Background Position

Position the image inside the slider. Click here for more information about image positioning.

Scale From: The starting scale percentage of the image

Scale To: The ending scale percentage of the image

If you want your image to “zoom in”, set the “From” value to “100” and the “To” value to something larger than 100 (such as 150, which means the image would scale up by 50%).

If you want your image to “zoom out”, set the “From” value to something larger than 100, and then the “To” value to “100”.

Duration

The total time the Ken Burns effect will last, in milliseconds (1000 = 1 second). It’s usually best to set this to the same number used for the slide’s delay value (“Edit Slide -> General Settings -> Slide Delay”).

Easing

“Easing” is what gives a web animation that “real life” type of movement. For a traditional Ken Burns effect, “Linear.easeNone” is usually the best choice. But you can test the other options to see which one you like best.