The animation properties allow adding animations to the elements.
|Animation||animation, none||Adds an animation to an element.|
|Trigger||onscreen, hover, click, focus||OnScreen:Play when the element visible on the screen.|
Hover: Play when mouse over on the element.
Click: Play when the element clicked.
Focus: Play when element a form field focus.
|Trigger Repeat||number, infinite||Specifies the number of times an animation should be played.|
|Duration||number||Defines how long an animation should take to complete one cycle.|
|Delay||number||Specifies a delay for the start of an animation.|
|Easing||ease, linear, ease-in, ease-out, ease-in-out||Specifies the speed curve of an animation.|
|Animation Fill Mode||none, forwards, backwards, both||Sets the state of the end animation when the animation is not running.|