animate

animate some HTML area

html_element	HTMLElement	an HTML object (or id) which will be animated
animation	object	configuration of animation

Example

webix.animate("some_div", { type: "flip" });

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