Falling content block
Updated today
The Falling content block renders a physics animation of falling, draggable items. Its content comes from the nested Block items you add to it.
Settings
Setting | Description | Default |
|---|---|---|
Enable color scheme | Applies the chosen color scheme to the block. The Color scheme setting appears only when this is on. | Off |
Color scheme | The scheme applied to the block when Enable color scheme is on. | Scheme 1 |
Gravity | The strength of the fall, from 0.1 to 2 in steps of 0.1. | 1 |
Height mode | Custom uses the height values below; Inherit fills the height of the surrounding section. | Custom |
Height (Desktop) | The desktop height, from 200 to 1000 px. Shown only when Height mode is Custom. | 400 |
Height (Mobile) | The mobile height, from 200 to 800 px. Shown only when Height mode is Custom. | 300 |
Item copies | Repeats each nested item the selected number of times, from 1 to 10. | 1 |
Item width (Desktop) | The item width on desktop, from 50 to 600 px. Item height scales proportionally from the width. | 300 |
Custom item width on mobile | When on, a separate mobile item width is used; when off, items are half the desktop width on mobile. | Off |
Item width (Mobile) | The item width on mobile, from 50 to 600 px. Shown only when Custom item width on mobile is on. | 150 |
Custom class | One or more CSS classes, separated by spaces, added to the block wrapper. | — |
Margin top (Desktop) | Space above the block on desktop, from 0 to 34. | 0 |
Margin top (Mobile) | Space above the block on mobile, from 0 to 34. | 0 |
Hide block on desktop / on mobile | Hide the block on the selected viewport. | Off |
Block items
Add nested Block items to build the falling content. Each item is one shape in the animation.
Setting | Description | Default |
|---|---|---|
Text | The label shown inside the shape when no image is set. | Item label |
Color | The shape's fill color. | Black |
Image | An image used as the item's sprite; it replaces the text. A 60 px height is recommended, with width scaled to match the image's aspect ratio. | — |