New to Kendo UI for jQuery? Download free 30-day trial


Currently this effect is supported only in Google Chrome, Firefox and IE10+.

Scales and repositions the element on top of the provided target. The element and the target should have the same proportions but should not be the same size.

Note: The first time the effect performs, the element is detached from its current position and re-attached in the body element.

Transferring an element to a target

<div id="foo" style="width: 200px; height: 200px; position: absolute; border: 1px solid black; background: grey;">
    I will be animated to a given target

<div id="bar" style="width: 50px; height: 50px; position: absolute; left: 300px; top: 20px; border: 1px solid black;">


Constructor Parameters

target jQuery

The target element to transfer to.

In this article