Studio Editor: Available Animations per Element
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
|
