animate

animate some HTML area

void animate(HTMLElement html_element,object animation);
html_elementHTMLElementan HTML object (or id) which will be animated
animationobjectconfiguration 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