---
title: "How to Add Ken Burn Effect to a Container in WordPress?"
url: https://nexterwp.com/docs/add-ken-burn-effect-to-a-container-in-wordpress/
date: 2024-11-28
modified: 2026-04-14
author: "Aditya Sharma"
description: "Are you looking to add the Ken Burn effect to a container in WordPress? This effect adds movement and depth to static images, creating a more engaging and immersive experience..."
image: https://nexterwp.com/wp-content/uploads/2024/11/How-to-Add-Ken-Burn-Effect-to-a-Container-in-WordPress_-1024x519.jpg
word_count: 241
---

# How to Add Ken Burn Effect to a Container in WordPress?

## Key Takeaways

- Nexter Blocks Container block adds a Ken Burn effect to a section in WordPress through Style > Background Deep Layer.
- Creative Image and Normal Background Image are the required background settings, while Auto Moving Background Image is not used with the Ken Burn effect.
- Effect Direction offers normal or alternate, and Effect Duration(Speed) controls the animation speed after the Ken Burns effect toggle is enabled.

Are you looking to add the Ken Burn effect to a container in WordPress? This effect adds movement and depth to static images, creating a more engaging and immersive experience for website visitors.

With the Container block from the Nexter Blocks, you can easily add a Ken Burn effect to a section in WordPress.

*To check the complete feature overview documentation of the Nexter Blocks Container block,* [click here](https://nexterwp.com/docs/add-a-container-in-wordpress/).

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-container/)

Add the Container block with the appropriate layout to the page and follow the steps -

1. Go to **Style** > **Background Deep Layer**.

2. Select **Creative Image** from the **Select Background Option** dropdown.

3. Then add our image from the **Background Image** section and do the necessary background image settings.

5. After that select **Normal Background Image** from the **Background Effect** dropdown.

> *Note:* *You shouldn’t use the Auto Moving Background Image option with the Ken Burn effect to have a consistent result.*

6. Don’t select any option from the **Special Image Hover Effects** dropdown, they won’t work with the Ken Burn effect.

7. Finally enable the **Ken Burns effect** toggle.

From the **Effect Direction** dropdown, you can set the direction to normal or alternate.

You can manage the animation speed from the **Effect Duration(Speed)** section.

Now you’ll see a beautiful Ken Burn effect on the section.