Animation

Introduction

The animation properties allow adding animations to the elements.

Animation Properties

PropertyValuesDescription
Animationanimation, noneAdds an animation to an element.
Conditiononscreen, hover, click, focusOnScreen: Playing animation when element visible on the screen.

Hover: Playing animation when mouse on the element.

Click: Playing animation when element clicked.

Focus: Playing element when clicking on a text field.

Animation Iterationnumber, infiniteSpecifies the number of times an animation should be played.
Animation DurationnumberDefines how long an animation should take to complete one cycle.
Animation DelaynumberSpecifies a delay for the start of an animation.
Animation Fill Modenone, forwards, backwards, both
Sets the state of the end animation when the animation is not running.
Was this article helpful?
YesNo

Couldn't Find Your Answer?

Get quality customer support with our professional support team.

Create A Support Ticket
Live Editor