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.
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.
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.
