Skip to main content
Animations
Updated over a week ago

This extension can be added to any widget, and it lets you animate them with CSS3 using keyframes.


Animation Type

Choose the animation you want to use from available animation types.

Transform origin

Set the animation transform origin (CSS property).

Iteration

Set the animation iteration whether on loop or for defined number of times.

  • Duration: set the time in seconds for the animation to take for completing one cycle

  • Delay: the animation will start after this time

  • Timing Function: it specifies the speed curve of the animation

  • Direction: defines whether the animation should be played forwards, backward, or in alternate cycles.

  • Fill Mode: specifies a style for the element when the animation is not playing (before it starts, after it ends, or both). (more details)

Did this answer your question?