Messenger Icon

How to crossfade multiple Background Images

Table of Contents

Application for Bricks Layouts


Crossfade Multiple Background Images (crossfade images): Blend two or more images at defined transparency, it can be used for many simple image manipulations.

Demonstration to crossfade images

Crossfade Multiple Background Images


Click on your Bricks Layout (Section, Div, Container, or Block) > Style Tab > Enable Crossfade Multiple Background Images

crossfade multiple background images 1

Then adjust the appropriate Speed and Fade Out Speed > Upload image items. You can add as many items to the layout as you want by clicking the “Add Item” button

Notice: Min.height/height should be set up.

crossfade multiple background images 2

Related Features


To diversify query or apply filters, you can refer to Piotnet Grid. It possibly fulfills your advanced Grid Layout or combine Facets to filter Bricks Query Loop.