9 docs tagged with "Animation & Effects"

Add preset or fully custom, multi-property animations to your blocks, rendered on the front end by a single consolidated GSAP bundle.

Add a scrolling effect to your background layers (parallax, zoom, etc.).

Apply CSS effects to Nectar blocks.

Edit Nectar block attributes that take effect on hover — a distinct mode with no cascade that overrides all other viewports when set.

Animate any block on hover or focus with the Interaction trigger, playing forward on hover and reversing when the pointer leaves.

Apply a linear gradient mask to fade or soften the edges of a block.

The Scroll Into View trigger plays a preset entrance animation once as an element scrolls into view — the simplest Nectarblocks trigger type.

Build a custom scrubbed animation by defining Start and End states that play smoothly based on the element's scroll position.

Move, scale, rotate, skew and add 3D depth to your blocks with CSS transforms.