Studio Editor: Available Animations per Element
1 min
The table below provides a detailed overview of the animations and effects available for each element, so you can create dynamic and interactive designs with ease.
Element | Available animations |
|---|---|
Accordion | Entrance |
Anchor menu | Hover |
Audio player | Entrance |
Basic shape | All animation types |
Button | All animation types |
Collapsible text | Entrance, hover, mouse effects |
Container | All animation types |
Footer | Hover, click, scroll |
Flexbox (parent and items) | All animation types except for loop |
Grid cell | All animation types except for mouse effects |
Hamburger menu icon | Entrance |
Header | Hover, click, scroll |
Horizontal menu | Entrance, hover |
Image | All animation types |
Input fields | Entrance |
Lightbox | Entrance |
Line (horizontal and vertical) | All animation types |
Lottie | Entrance |
Multi-state box | Entrance, click, hover, mouse effects |
Page | Scroll |
Repeater (parent) | Entrance, loop, mouse effects, scroll |
Repeater (item) | AB design disabled: All animation types AB design enabled: Click, hover, mouse effects. |
Section | Hover, click, scroll Tip: You can also add a WebGL effect to sections with media background |
Share button | Entrance, hover, mouse effects |
Site search bar | Entrance |
Slideshow | Entrance |
Social bar | Entrance, hover, mouse effects |
Stack | All animation types |
Table | Entrance |
Tabs | Entrance |
Text | All animation types |
Text marquee | Hover (as the trigger element) |
Text mask | All animation types |
Transparent video | Entrance, mouse effects, scroll |
Vector art | All animation types |
VideoBox | Entrance, mouse effects, scroll |
