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
Join Our Forum
We've retired comments here. Visit our forum for faster technical support, connect with other developers, and share your feedback there.