...
Mega: Enlarges a block so that it overlaps other blocks or extends out of the screen. Depending on the setting, blocks can extend beyond the left edge, the right edge, or both edges. This allows you to create eye-catching layouts that break up strict design layouts with deviations and irregularities, making your page look modern.
...
Effects
...
Hover effect:
Determines the effect that is applied when the mouse hovers over the element. You can choose between rise and scale. With the Rise effect, the element is moved slightly upwards. The Zoom in slightly effect makes the image larger. Effects that are geared towards mouse interaction are ideal for clearly highlighting links to images or similar for the customer.
...
Parallax: This effect allows you to move a block along with the scrolling of the page. With the Parallax effect it is possible to simulate spatiality. To do this, you need blocks that move independently of each other and of the page as you scroll. Elements that should be in the background must move slower in relation to elements in the foreground. This allows you to create spatial depth effects. Unlike background parallax, you can specify in which direction the image should scroll and whether only content or the entire block is affected. Often the parallax effect makes little sense on small resolutions, so you can define a filter that suppresses the effect depending on the resolution. For the filter, specify the resolution level and an operator that determines when the effect is applied.
Resolution levels are defined as follows:
xs: extra-small (Mobile)
sm: small (Mobile Landscape)
md: medium (Tablet)
lg: large (Tablet Landscape)
xl: extra-large (Desktop)
Possible operators are:
< smaller than
greater than
<= less than or equal to
= greater than or equal to
A definition of ">=md" would mean that the resolution must be at least tablet dimensions (medium) for the effect to be applied.