The Ken Burns Effect allows you to transform static background images into dynamic, cinematic experiences. By applying continuous panning and zooming animations, you can create the illusion of motion, making your popup backgrounds feel like professional video content.

Ken Burns Effect Settings
The Ken Burns Effect interface in the Page Options

Effect Configuration

Fine-tune the direction and intensity of the cinematic animation to match your popup's visual style.

Zoom
Select the primary direction of the animation:
  • In: The background image starts at its original size and slowly zooms into a focal point.
  • Out: The background image starts zoomed in and gradually pulls back to reveal the full picture.
Scale
Determines the magnitude of the zoom effect.
  • The default value is 1 (no scaling).
  • A value of 1.2 will increase the image size by 20% during the animation, while 2 will double its size.
  • Note: You can also use negative values to flip the image horizontally or vertically during the animation.
Rotate
Adds a rotation element to the panning effect, measured in degrees.
  • Positive values rotate the image clockwise.
  • Negative values rotate the image counter-clockwise.
Pro Tip: For the most elegant results, use subtle values for Scale (between 1.1 and 1.3) and Rotation (between 1 and 5 degrees). This ensures the motion is noticeable and engaging without being distracting or causing motion blur.
© WebshopWorks - Professional PrestaShop Addons