Animation
5 posts tagged with "Animation"
.lottie
element
The .lottie action embeds a lottie animation. It belongs to the animation category within the ui area.
Action Syntax
.lottie +imagetag
An image tag starting with +
.lottie https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra
Tags
loop
loops animation
controls
shows animation controls
Examples
// Basic Usage
.lottie %animtagAction code: 4101410703
Version: 0.6.4-3
Last updated: 2025-06-13
fadein
The fadein action fades element in. It belongs to the animation category within the ui area.
Action Syntax
fadein E
A value
fadein E 30m
a value followed by A duration (e.g., 30m, 2h)
Valid sizes
tiny
small
medium
large
extra
Examples
// Basic Usage
fadein *elidAction code: 1096564709
Version: 0.6.4-2
Last updated: 2025-06-13
fadeout
The fadeout action fades an element in. It belongs to the animation category within the ui area.
Action Syntax
fadeout E
A value
fadeout E 30m
a value followed by A duration (e.g., 30m, 2h)
Valid sizes
tiny
small
medium
large
extra
Examples
// Basic Usage
fadeout *elidAction code: 1247063202
Version: 0.6.4
Last updated: 2025-06-13
init-animation
The init-animation action initializes animation (lottie player). It belongs to the animation category within the ui area.
Action Syntax
This action accepts various parameters. See the examples below for usage patterns.
Valid sizes
tiny
small
medium
large
extra
Examples
// Basic Usage
init-animationAction code: 3647372259
Version: 0.6.4
Last updated: 2025-06-13
set-animation
The set-animation action sets/defines an animation tag. It belongs to the animation category within the ui area.
Action Syntax
set-animation +imagetag https://...
An image tag starting with + followed by A valid URL
set-animation +imagetag +imagetag
An image tag starting with + followed by An image tag starting with +
Valid sizes
tiny
small
medium
large
extra
Tags
save
persists the animation in local storage. Use for static animations