Animated Region: Reference
Reference for Animated Region in Web Framework References. Key properties: ID, Show Effect:, Hide Effect:, Initially Visible.
Animate any page element and add stunning transitions. Bring life an interactivity and add an extra layer of great user-experience to your website, by adding awesome CSS animations. It’s the most powerful way to draw users’ attention to your content and it’s easily done if you have the proper tool.
Inspector Property Groups
Animated Region Properties
| Property | Type | Details |
|---|---|---|
| ID | text | Required in common setups. Attribute: id |
| Show Effect: | droplist | Choose the Show Animation. Attribute: showEffect Options: None, Bounce, Bounce In, Bounce In Down, Bounce In Left, Bounce In Right |
| Hide Effect: | droplist | Choose the Hide Animation. Attribute: hideEffect Options: None, Bounce, Bounce Out, Bounce Out Down, Bounce Out Left, Bounce Out Right |
| Initially Visible | boolean | Attribute: visible |
Actions
Animate
Start animation
| Configuration group | Controls |
|---|---|
| Animate Properties | Effect |
Dynamic Attributes
Animate Visibility
| Attribute property | Type | Details |
|---|---|---|
| When: | text | Choose dynamic data binding. |
Show Delay
| Attribute property | Type | Details |
|---|---|---|
| Show Delay: | text | Choose dynamic data binding. |
Show Duration
| Attribute property | Type | Details |
|---|---|---|
| Show Duration: | text | Choose dynamic data binding. |
Hide Delay
| Attribute property | Type | Details |
|---|---|---|
| Hide Delay: | text | Choose dynamic data binding. |
Hide Duration
| Attribute property | Type | Details |
|---|---|---|
| Hide Duration: | text | Choose dynamic data binding. |