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

Table of Contents

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.

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

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

1. Go to Style > Background Deep Layer.

container bg deep layer animated color

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.

container background deep layer animated color demo

Still in Doubt? Let’s Assist You

Need Help? Ask AI Bot

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Docs