---
title: "How to Add an Animated Color Background in a WordPress Container?"
url: https://nexterwp.com/docs/add-an-animated-color-background-in-a-wordpress-container/
date: 2024-11-28
modified: 2026-04-14
author: "Aditya Sharma"
description: "Do you want to add an animated color background section in WordPress? Adding an animated color background to a section can elevate the overall aesthetic of your website and leave..."
image: https://nexterwp.com/wp-content/uploads/2024/11/How-to-Add-an-Animated-Color-Background-in-a-WordPress-Container_-1024x519.jpg
word_count: 205
---

# How to Add an Animated Color Background in a WordPress Container?

## Key Takeaways

- Nexter Blocks Container block adds an animated color background in WordPress by going to Style > Background Deep Layer and selecting Animated Color.
- Color List starts with three color items by default, and each item accepts a single color.
- Animation Duration(s) sets the time for changing one color to another, and Animation Delay(s) adds a delay between color changes.

Do you want to add an animated color background section in WordPress? Adding an animated color background to a section can elevate the overall aesthetic of your website and leave a lasting impression on your audience.

With the Container block from the Nexter Blocks, you can easily add an animated color background 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 **Animated Color** from the **Select Background Option** dropdown.

3. In the **Color List** section, you’ll find three color items by default.

In each item, you can add a single color.

You can click on the **+ Add Color** button to add more colors.

From the **Animation Duration(s)** field, you can set the animation duration for changing one color to the other.

Then from the **Animation Delay(s)** field, you can add a delay between color changes.

Now you’ll see an animated color background.