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.
<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> <div id="bar" style="width: 50px; height: 50px; position: absolute; left: 300px; top: 20px; border: 1px solid black;"> Target </div> <script> kendo.fx($("#foo")).transfer($("#bar")).play(); </script>
The target element to transfer to.