---
title: "How to Add Ken Burn Effect to a Container in WordPress?"
url: https://qa.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://qa.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

- Adds the Ken Burn effect to a container using the Nexter Blocks Container block in WordPress.
- Enables the Ken Burns effect toggle and sets animation speed in the Effect Duration section.
- Requires installation and activation of Nexter Blocks to utilize the Container block features.

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://qa.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://qa.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.