animate(element, from, to, [className], [options]);
Performs an inline animation on the element which applies the provided to and from CSS styles to the element. If any detected CSS transition, keyframe or JavaScript matches the provided className value, then the animation will take on the provided styles. For example, if a transition animation is set for the given classNamem, then the provided from
and to
styles will be applied alongside the given transition. If the CSS style provided in from
does not have a corresponding style in to
, the style in from
is applied immediately, and no animation is run. If a JavaScript animation is detected then the provided styles will be given in as function parameters into the animate
method (or as part of the options
parameter):
ngModule.animation('.my-inline-animation', function() { return { animate : function(element, from, to, done, options) { //animation done(); } } });
Parameters
Param | Type | Details |
---|---|---|
element | DOMElement | the element which the CSS styles will be applied to |
from | object | the from (starting) CSS styles that will be applied to the element and across the animation. |
to | object | the to (destination) CSS styles that will be applied to the element and across the animation. |
className (optional) | string | an optional CSS class that will be applied to the element for the duration of the animation. If this value is left as empty then a CSS class of |
options (optional) | object | an optional collection of options/styles that will be applied to the element |
Returns
Promise |
the animation callback promise |
Please login to continue.