---
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 allows users to add a Ken Burn effect to a container in WordPress.
- The Ken Burn effect toggle can be enabled after selecting the appropriate background image settings.
- Users can manage the animation speed of the Ken Burn effect through the Effect Duration(Speed) section.

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.

## Frequently Asked Questions

**Q: What should I do if the Ken Burn effect isn't working on my container?**
A: If the Ken Burn effect isn't showing up, ensure that you have not selected the Auto Moving Background Image option, as this can conflict with the Ken Burn effect. Additionally, check that you have enabled the Ken Burns effect toggle and selected the appropriate background image settings. These settings are crucial for achieving the desired effect.

**Q: Can I use the Ken Burn effect on any image in WordPress?**
A: The Ken Burn effect can be applied to any image you set as a background in the Nexter Blocks Container block. Just ensure that the image is added correctly in the Background Image section and that you have selected 'Normal Background Image' from the Background Effect dropdown. This allows for a smooth application of the effect.

**Q: What are the best settings for the Ken Burn effect duration?**
A: For optimal visual impact, adjust the Effect Duration (Speed) to a setting that complements the pace of your content. A slower duration can create a more dramatic effect, while a faster duration may be more dynamic. Experiment with different speeds to find what best enhances your site's aesthetic.

**Q: Is there a way to preview the Ken Burn effect before publishing?**
A: While the tutorial does not specify a direct preview feature, you can view the Ken Burn effect in real-time by using the WordPress editor's preview mode. This allows you to see how the effect will look on your live site without making it public immediately.

**Q: What is the requirement for using the Ken Burn effect in WordPress?**
A: To use the Ken Burn effect, you must have the Nexter Blocks installed and activated. This is essential as the effect is part of the Container block functionality within Nexter Blocks, which is designed specifically for enhancing your WordPress site.