animate
animate some HTML area
void animate(HTMLElement html_element,object animation);
| html_element | HTMLElement | an HTML object (or id) which will be animated |
| animation | object | configuration of animation |
Example
webix.animate("some_div", { type: "flip" });
Details
The method is not intended for direct calls. It is called by Multiview or some other components when necessary.
Configuration
- type - {string} "flip", "slide", "flipback", "fade", "show"
- direction - {string} "right", "left", "top", "bottom"
- subtype - {string} "out", "in", "together" (for "slide"), "horizontal", "vertical" (for "flip")
- x - {number} the X-coordinate of the final position of the element (for "slide")
- y - {number} the Y-coordinate of the final position of the element (for "slide")
- duration - {number} the duration of the animation, in ms
- delay - {number} a delay before the start of the animation, in ms
- timing - {string} the timing function for defining the acceleration of the animation
- callback - {function} the code that will be executed after the animation ends
- master - {object} the object that will be accessible by "this" in the callback method
Back to top
Join Our Forum
We've retired comments here. Visit our forum for faster technical support,
connect with other developers, and share your feedback there.