Extended Blocks

All blocks nested inside either Scene or Container block are extended with additional features and capabilities to enhance their functionality and interactivity.

Content Animation

Content Animation allows attaching animations to the following events

• onLoad
• onClick
• onHover
• onScroll
• on {custom_event} coming soon

Keyframes

Keyframes are the core of Scrollsequence v2 content animation, allowing you to add and configure to various block elements within your scroll sequence. Keyframes can be added to any block inside the Container Block, and they can be configured to animate any CSS property, such as opacity, transform, background-color, or special properties like autoAlpha or xPercent.

Keyframes are GSAP animations, and you can use the GSAP syntax to configure them. See the GSAP Keyframe documentation  for more details on how to use GSAP animations.

Animation Triggers and Smoothness for onScroll Animations

Animation triggers define when the animations are played.

If blocks are children of a Scene block, they inherit the Scene’s triggers and can leverage its positioning and animation capabilities.

If blocks are children of a Container block, they can have their own animation triggers based on position within the Container.

AI Agents in Extended Blocks

AI Agents built into extended blocks allow you to generate Keyframe animations from text prompts. You can access the Chat AI interface from the block sidebar after adding an animation.