Overlapping images and floating info cards, placed freely in one area, with entrance and float animations. It is free in Bright Addons Blocks Library on WordPress.org, and Bright Addons Blocks Pro includes it too.
Live demo
This is the block itself with its starting settings. Change any of them in the block sidebar.
What you can set
The Image Stack block has 4 settings panels. No code needed.
Set layers.
Set area shape, Max width (px), Alignment and Image corner radius (px).
Set entrance, Hover, Float speed (seconds) and Float distance (px).
Set 3 color settings.
How to use it
Settings
The full list, panel by panel, is in the Image Stack guide.
| Setting | What it does | Choices |
|---|---|---|
| Layers (Layers) | A list you can add to, remove from and reorder. Each item has: layer, image, image shape, icon, title (for images: a name, used as alt text when the image has none), text, from left (%), from top (%), width (%), rotate (deg), layer order (0 = list order) and float. | – |
| Area shape (Area) | Choose one. | Square, Landscape 5:4, Landscape 4:3, Portrait 4:5, Wide 16:9 |
| Max width (px) (Area) | From 200 to 1200. | – |
| Alignment (Area) | Choose one. | Left, Center, Right |
| Image corner radius (px) (Area) | From 0 to 60. | – |
| Entrance (Motion) | Choose one. | None, Rise one by one, Fade one by one, Grow one by one |
| Hover (Motion) | Choose one. | None, Lift the layer under the pointer, Straighten rotated layers |
| Float speed (seconds) (Motion) | From 2 to 16. | – |
| Float distance (px) (Motion) | From 2 to 40. | – |
| Card background (Colors) | Color picker. | – |
| Card text (Colors) | Color picker. | – |
| Icon (Colors) | Color picker. | – |
Questions
Yes. Image Stack is one of the 62 free blocks of Bright Addons Blocks Library on WordPress.org. Bright Addons Blocks Pro includes it as well.
No. It is a block for the WordPress block editor (Gutenberg). Elementor is not needed. If you use Bright Addons Pro for Elementor on the same site, both plugins work side by side.
No. Each block loads only its own small CSS and JavaScript, and only on pages where it is used. Blocks you do not need can be switched off in Bright Blocks.
Yes. The blocks work with block themes and classic themes, and follow your theme fonts. Wide and full width alignment are supported.
Yes. Open Entrance animation in the sidebar and pick one of 40 animations with its duration and delay. Visitors who prefer reduced motion see no animation.
More blocks
Bright Addons Blocks
Blocks Pro has all 99 Pro blocks, the 62 free blocks, Pro effects for every block, Theme Templates and popups.
Yearly and lifetime plans. Use this code at checkout:
14-day money-back guarantee. Ends Monday 30 November at 23:59.
